/*
Theme Name: Riode Child
Theme URI: https://riode.org/
Author: D-THEMES
Author URI: https://riode.org/about-me/
Description: Riode Responsive WordPress + eCommerce Theme.
Version: 1.0
Template: riode
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.header .account i, .header .wishlist i, .header .compare i, .header .cart-toggle .d-icon-bag {
    font-size: 28px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    padding: 50px 0 20px 0;
}

label.product-label.label-stock {
    background-color: red !important;
}

p.stock.out-of-stock {
    background: red;
}

.login-popup .nav-item a {
    color: #71C5CC !important;
}

.login-popup .woocommerce-form-login p {
    line-height: 18px;
}

.summary .social-icons {
    display: none;
}

h3.page-subtitle {
    display: none;
}

button, a.btn {
    border-radius: 5px;
}

.post-single .title {
    text-transform: none !important;
}


button.woocommerce-Button.button, button.woocommerce-button.button.woocommerce-form-login__submit.btn.btn-md.btn-dark, 
a.button.checkout.wc-forward.btn.btn-dark.btn-md.btn-block, button#sendcloudshipping_service_point_select, button#place_order {
    border-radius: 5px;
    background-color: #71C5CC;
    border-color: #71C5CC;
}

.form-row label {
    text-transform: none !important;
}

.payment_box.payment_method_vivawallet_native {
    padding: 0 !important;
}

fieldset#wc-vivawallet_native-cc-form {
    border: none;
    padding: 0;
}

.wc_payment_methods .payment_box p {
    margin-bottom: 0;
    line-height: 25px;
    margin-top: 10px;
}

.payment_box.payment_method_vivawallet_native label {
    margin-bottom: 10px;
}

.top-header-idylle-msgs {
	text-align: center;
	padding: 12px;	
	background-color: #2DAABD;
	color: #fff;
}

ul.menu.switcher.cur-switcher {
	display: none !important;
}

.product-nav {
    display: none;
}

.tab .nav-link:after {
    background-color: #71C5CC !important;
}

p.price {
    color: #71C5CC !important;
}

.page-header {
    background-color: #71C5CC !important;
}

.page-title-bar.type-depart {
    height: 100px;
}
.page-title-bar.type-depart .page-title {
    font-size: 28px;
    color: #fff;
}

.elementor-element-c69a93c .title {
    color: #FFFFFF;
    font-size: 28px !important;
    text-transform: none !important;
    line-height: 1.125em;
}

.product_meta>span {
    display: inline-block;
    margin: 0 1.5rem 0 0;
    text-transform: none !important;
}
.title-center .title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
     text-transform: none !important;
}


button.btn.btn-load.btn-success.btn-icon-right.btn-slide-left, 
button.wpcf7-form-control.wpcf7-submit.btn.btn-primary.btn-md.ml-2, 
button.single_add_to_cart_button.button.alt
 {
    background-color: #71C5CC !important;
    border-color: #71C5CC !important;
    border-radius: 5px;
}

.btn-primary.btn-link {
    color: #71C5CC !important;
}

/* header phone */

.elementor-element.elementor-element-fcfe5b4.mr-lg-0.ml-auto.ml-md-6.ml-lg-4.elementor-widget.elementor-widget-heading {
    display: none;
}

.skin1 .menu>li>a:hover, .skin1 .menu>li:hover>a, .skin1 .menu>.current-menu-item>a, .skin1 .menu>.current-menu-ancestor>a {
    color: #71C5CC !important;
}

.header .wish-count, .header .compare-count, .cart-dropdown.badge-type .cart-count {
    background-color: #71C5CC !important;
}



.elementor-element-29e4987 .owl-stage-outer {
	/*height: 400px;*/
}

#categories-section, #categories-title {
	display: none;
}

p.stock.in-stock {
	display: none;
}

.sku_wrapper {
	display: none !important;
}

.woocommerce-message {
	text-align: center;
}

.woocommerce-message .button {
	color: #fff !important;
}

.woocommerce-message .button.shop-return-btn {

}

.woocommerce-message .button.shop-return-btn:before {
    content: '\f015';
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    margin-right: 5px;
}

.woocommerce-message .button:nth-child(2):before {
    content: '\f07a';
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    margin-right: 5px;
}

nav.skin1.menu-principal li {
	margin-right: 15px !important;
}

.footer .copyright {
	color: #f2f2f2 !important;
}


.brand-carousel .slide-image-wrap img {
    padding: 25px;
}


.mobile-menu-container .hs-simple .input-wrapper .btn-search {
    background-color: #71C5CC;
}

#shipping_method button#sendcloudshipping_service_point_select {
    display: block;
    margin: 15px 0;
}

#billing_civilite_field fieldset {
    border: none;
    padding: 15px 0;
}

span.elementor-heading-title.elementor-size-default {
    display: none;
}

fieldset#billing_civilite_field {
    border: none;
    margin-bottom: 5px;
}
fieldset#billing_civilite_field legend {
    margin-bottom: 5px;
}

.woocommerce-checkout-payment h4 {
    text-transform: lowercase !important;
}
.woocommerce-checkout-payment h4:first-letter {
    text-transform: uppercase;
}

.woocommerce-checkout-review-order .woocommerce-shipping-totals h4 {
    margin-bottom: 1.9rem;
    line-height: 1.2rem;
    letter-spacing: -0.01em;
    text-transform: lowercase !important;
}
.woocommerce-checkout-review-order .woocommerce-shipping-totals h4:first-letter {
    text-transform: uppercase;
}


.woocommerce-account .riode-account-title {
    display: none;
}

.woocommerce-NoticeGroup .woocommerce-error li {
    color: red;
    border: 1px solid red;
    padding: 15px;
} 

#nos-marques {
        position: initial !important;
}

#nos-marques:hover .listing-brands {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    /*height: 600px;*/
    /*overflow-y: scroll;*/
}

.listing-brands {
    padding: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 53px;
    width: 100%;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s ease-in-out;
}
.listing-brands .brand-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.listing-brands .brand-items a {
    /*flex: 1 0 18%; */
    margin: 5px;
    padding: 20px !important;
    width: 18%;
}
.listing-brands .more-brands {
    font-size: 18px;
    text-transform: uppercase;
    color: #71C5CC;
}


#nos-marques img {
    max-width: 100%;
}



ul.brand-thumbnails.columns-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

ul.brand-thumbnails.columns-4 li {
    /*flex: 1 0 18%; */
    margin: 5px;
    padding: 20px !important;
    width: 18%;
}

.riode-section-video .elementor-wrapper::before {
    display: none !important;
}

.logo img {
    display: block;
    width: 120px;
}
.btn-gra-green {
    background: linear-gradient(135deg,#71C5CC,#17A2B8);
}
a.checkout-button.button.alt.wc-forward, a.btn.continue-shopping{
    background: linear-gradient(135deg,#71C5CC,#17A2B8);
        border: none;
}

.title-wrapper.title-center {
    margin-bottom: 0;
}

.fixed .logo img {
    display: block;
    width: 80px;
}

.main-content.col-lg-9 {
    padding-top: 20px;
}


.marquee {
  width: 100%;
  overflow: hidden;
  /*border: 1px solid #ccc;*/
  /*background: #ccc;*/
}

.coupons-codes {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    z-index: 9999;
    display: none;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.coupons-codes .container {
}

.coupons-codes ul.listing-coupons {
    list-style: none;
    margin-top: 20px;
}
.coupons-codes ul.listing-coupons li {
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
    color: #6BBCC2;
    /* text-shadow: */
}

.mini-basket-dropdown .buttons a.button.wc-forward.btn.btn-link {
    text-transform: lowercase;
}

.mini-basket-dropdown .buttons a.button.wc-forward.btn.btn-link:first-letter {
    text-transform: uppercase;
}

.cart-item-meta.mini-item-meta a {
    text-transform: none;
}
.cart-item-meta.mini-item-meta a:first-letter {
    text-transform: uppercase;
}


.cart-dropdown .total strong {
    margin-left: 3px;
    font-weight: 400;
    color: #666;
    text-transform: none;
}

/*page cart */

.woocommerce-cart .coupons-codes {
    display: none;
}

.cross-sells h2, .products .content-center .woocommerce-loop-product__title, .products .content-center .woocommerce-loop-product__title a {
    text-transform: none;
}

.content-center .product-details {
    text-align: left;
}



/* Mobile Breakpoint */

@media(max-width:767px) {

    ul#menu-navigation {
        /*display: none !important;*/
    }

    .elementor-widget-riode_header_cart {
        margin-left: auto;
    }
    .elementor-element.elementor-element-6afb34b.elementor-widget.elementor-widget-riode_header_account {
        margin-left: auto;
        font-size: 35px;
        /*margin-right: -30px;*/
    }
    .elementor-element.elementor-element-6afb34b.elementor-widget.elementor-widget-riode_header_account i  {
        font-size: 32px;
    }
    .elementor-element.elementor-element-28c3545.elementor-widget.elementor-widget-riode_header_account {
        margin-left: auto;
    }

    .elementor-element.elementor-element-b4b1ea0.elementor-widget.elementor-widget-riode_header_wishlist {
        margin-left:auto;
    }

    .header .login i + span {
        display: none;
    }

    .header .login i {
        color: #000;
        font-size: 32px;
    } 

    .header .wishlist i {
        color: #000;
        font-size: 32px;
    }

    .elementor-element.elementor-element-738a0ed.elementor-widget.elementor-widget-riode_header_wishlist {
        margin-left: auto;
    }

    .elementor-element.elementor-element-738a0ed.elementor-widget.elementor-widget-riode_header_wishlist i {
        font-size: 32px;    
    }
    .elementor-element.elementor-element-28c4c66.mr-0.mr-md-6.mr-lg-4.mr-xl-8.elementor-widget.elementor-widget-riode_widget_logo {
        position: relative;
        /*top: -15px;*/
        width: 150px;
    }

    #nos-marques, .listing-brands {
        display: none;
    } 

    .logo img {
        width: 80px;
    }
}

.owl-image-gallery.owl-loaded figure, .owl-image-gallery.owl-loaded .owl-stage {
    display: flex;
    height: 100%;
}

.owl-image-gallery img {
    object-fit: contain !important;
}


.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
    padding: 0 20px;
}

.post-wrap figure.post-media {
    min-height: 300px;
}
.post-wrap figure.post-media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.slider-icon-boxes .elementor-icon-box-wrapper {
    justify-content: center;
    display: flex;
}

.slider-icon-boxes .elementor-icon {
    margin-right: 1.5rem;
}

.joinchat__button {
    bottom: 150px !important;
}

.login-popup .tab .nav-tabs li:nth-child(3) a {
    color: #E96488 !important;
}

span.woocommerce-input-wrapper {
    display: block;
    width: 100%;
}
span.woocommerce-input-wrapper select {
    display: block;
    width: 100%;
    max-width: 100% !important;
}


.main-menu #menu-main-menu li {
    margin-right: 15px;
}

/* // tablet Breakpoint */

@media(min-width:768px) and (max-width: 1023px) {
     #nos-marques, .listing-brands {
        display: none;
    } 
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .elementor-element.elementor-element-738a0ed.elementor-widget.elementor-widget-riode_header_wishlist {
        display: none;
    }
    .nos-marques-mobile {
        display: none;
    }
}

@media (min-width: 1400px) {
    .elementor-element.elementor-element-738a0ed.elementor-widget.elementor-widget-riode_header_wishlist {
        display: none;
    }
    .nos-marques-mobile {
        display: none;
    }
}









.search-pop-up-container {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 50%;
    height: 30%;
    z-index: -1;
    position: fixed;
    padding: 40px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    background-color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateX(-50%) scale(.8);
    transform: translateX(-50%) scale(.8);
    opacity: 0;
}

.search-pop-up-container.init-popup {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
    z-index: 9999;
}

.search-pop-up-container .search-pop-up-content {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    position: absolute;
}

.close-burger-menu {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 25px;
    right: 15px;
    line-height: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.close-burger-menu:before {
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background-color: #16181a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
}

.close-burger-menu:after {
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background-color: #16181a;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 0;
}

.search-pop-up-container .search-pop-up-content .search-form, .search-pop-up-container .search-pop-up-content .dgwt-wcas-search-wrapp {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.search-pop-up-container .search-pop-up-content .search-form label {
    display: block;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.search-pop-up-container .search-pop-up-content .search-form input[type=search] {
    width: 100%;
    border: none;
    max-width: 100%;
    border-bottom: 2px solid #16181a;
    padding: 12px 6px;
    outline: none;
    border-radius: 0;
}

.search-pop-up-container .search-pop-up-content .search-form .loading {
    display: block;
    height: 2px;
    background-color: #5ed8c8;
    position: absolute;
    bottom: 8px;
    left: 0;
    z-index: 9;
    width: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.search-pop-up-container .search-pop-up-content .search-form input[type=search]:focus .loading  {
    width: 100%;
}

.search-pop-up-container .search-pop-up-content .typeahead {
    border: 1px solid #FFF;
    border-radius: 4px;
    padding: 0;
    max-width: 100% !important;
    min-width: 290px;
    background: transparent;
    color: #222;
    list-style: none;
    top: 96px !important;
}

.search-pop-up-container .search-pop-up-content ul.typeahead.dropdown-menu li a {
    border-bottom: 0px !important;
    display: block;
    background: #72C6CC;
    color: #fff;
}

.post-type-archive-product ul.products .product .yith-wcwl-add-button, 
.archive  ul.products .product .yith-wcwl-add-button,
.archive  ul.products .product .mkdf-pl-text-wrapper + a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.archive  ul.products .product.outofstock .mkdf-pl-text-wrapper + a.button.product_type_simple.ajax_add_to_cart
 {
    display: none !important;
}

.post-type-archive-product ul.products .product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.mkdf-pl-btn.mkdf-btn.mkdf-btn-solid.mkdf-btn-icon,
.post-type-archive-product ul.products .product a.added_to_cart.wc-forward,
.related.products a.add_to_cart_button.ajax_add_to_cart
 {
    width: 225px;
    margin: 5px auto !important;
    display: block;
    text-align: center;
    max-width: 100%;
    font-size: 16px;
}



.mkdf-pl-hover-overlay a.add_to_cart_button.ajax_add_to_cart {
    font-size: 14px !important;
}

.products ul.products>.product .mkdf-product-list-title {
    margin: 5px 0 3px;
    font-size: 16px;
}

.products ul.products>.product .price {
    font-size: 18px;
}

a.add_to_wishlist.single_add_to_wishlist {
    color: #fff !important;
}

a.add_to_wishlist.single_add_to_wishlist:after {
    display: none !important;
}

a.add_to_wishlist.single_add_to_wishlist i {
    color: #fff !important;
    display: none;
}

a.add_to_wishlist.single_add_to_wishlist:hover {
   background-color: #5bb0b6;
}

.yith-wcwl-wishlistaddedbrowse a:hover {
    background: none;
    
}
.yith-wcwl-wishlistaddedbrowse a:after {
    display: none;
}
.yith-wcwl-add-to-wishlist.add-to-wishlist-2819.exists.wishlist-fragment.on-first-load:hover {
   background: none !important; 
}

.yith-wcwl-add-to-wishlist.add-to-wishlist-2819.exists.wishlist-fragment.on-first-load:hover a {
    /*background: none;*/
}

.yith-wcwl-add-to-wishlist:hover {
    background: none !important;
}

.wishlist_table .wishlist-items-wrapper .product-add-to-cart a.button {
     padding: 0 15px !important; 
}

.mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-icon {
    padding: 10px 5px 0 !important;
}

.mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-icon .mkdf-cart-title {
    font-size: 12px !important;
}

.mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-icon span {
    font-size: 22px !important;
}

.mkdf-image-gallery .mkdf-owl-slider .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fixed-btn.search-cta, .fixed-btn.cart-cta, .fixed-btn.account-cta {
    display: block;
    position: fixed;
    right: 30px;
    top: 90px;
    font-size: 18px;
    background-color: #fff;
    color: #000;
    z-index: 999;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
}

.fixed-btn.cart-cta {
    top: 165px;
}

.fixed-btn.account-cta {
    top: 240px;
}
.fixed-btn.cart-cta em {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 10px;
    background-color: #323d46;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.dgwt-wcas-suggestions-wrapp {
        max-height: 250px !important;
}

.widget_search {
    display: none !important;
}


.product section.related.products ul.products.columns-5 li {
    width: 20%;
    clear: none !important;
}
.product section.related.products ul.products.columns-5 li .yith-wcwl-add-button {
    display: none;
}

ul.products>.product .mkdf-product-list-title {
    font-size: 18px;
}

.product span.price {
    margin-bottom: 1rem !important;
}
p.woocommerce-shipping-destination {
    display: none;
}

 ul.woocommerce-shipping-methods li .shipping_method {
    margin-right: 5px !important;
}


.mkdf-woocommerce-page .woocommerce-info .showcoupon {
    color: #72C6CC !important;
    font-size: 22px;
    font-weight: bold;
}

.validate-postcode .required {
    display: none;
}

.woocommerce-billing-fields__field-wrapper input#billing_email:read-only {
    background-color: #f5f5f5 !important;
}

.mkdf-shopping-cart-holder .mkdf-shopping-cart-dropdown {
    width: 350px;
}

.mkdf-woocommerce-page .woocommerce-error {
    border: 1px solid red !important;
}

.mkdf-woocommerce-page .woocommerce-error li {
    color: red !important;
}

.woocommerce-page .mkdf-content .mkdf-quantity-buttons .mkdf-quantity-label, div.woocommerce .mkdf-quantity-buttons .mkdf-quantity-label {
    margin-right: 20px !important;
}


.mkdf-page-footer .widget_text p {
    text-transform: none;
    font-size: 14px;
}

#mkdf-back-to-top {
    position: fixed;
    width: 54px;
    left: 25px !important;
    bottom: 25px;
    right: initial;
    margin: 0;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
}

.mkdf-wrapper .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {
        padding: 15px 0 55px 0;
}

p.form-row.form-row-wide.create-account.woocommerce-validated {
    display: none;
}

.wc_payment_method label {
    color : #72C6CC !important;
}

.products .product .yith-wcwl-add-button {
    display: none;
}
.products .product .mkdf-pl-text-wrapper + .add_to_cart_button  {
    display: none !important;
}

.mkdf-main-menu>ul>li.whishlist {
    display: none;
}


@media(max-width:767px) {
     #nos-marques, .listing-brands {
        display: none;
    } 

    .search-pop-up-container {
        width: 90%;
    }

    .mobile-icon-bar.sticky-content.fix-bottom.items-5.fixed {
        display: none;
    }
    .scroll-top {
        display: block !important;
        right: 25px !important;
    }

    .joinchat__button { 
        right: 20px !important;
    }
}


.search-wrapper {
    position: relative;    
}
.search-wrapper:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    cursor: pointer;
}


.elementor-widget-riode_header_search {
    visibility: hidden;
}


.related-posts .post-wrap .post-media a {
    display: block;
    height: 300px;
}
.related-posts .post-wrap .post-media a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.elementor-section .owl-item .el-banner {
    height: 650px;
}
.elementor-section .owl-item .el-banner .banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.elementor-section .owl-item .el-banner .banner-content h2 {
    font-size: 50px;
    color: #ff008c;
}
.elementor-section .owl-item .el-banner .banner-content p {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
}


.elementor-icon-box-wrapper {
    padding: 15px 20px !important;
}
.elementor-icon-box-wrapper .elementor-icon-box-title {
    margin-bottom: 0;
}

.btn-gradient:after {
    display: none;
}

.slider-icon-boxes {
    margin-bottom: 80px;
}


.post-wrap figure.post-media a {
    display: block;
    height: 300px;
}
.post-wrap figure.post-media a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.youtube-div iframe {
    max-width: 100%;
    height: 500px;
}