@media(min-width: 1200px) and (max-width: 1399px){
.main-menu .nav-link{
padding: 10px;
}
.custom-logo-link img{
width: 160px;
}
.menu-right-list li .favourite-btn, .menu-right-list li .arrow-btn,.cart-icon-wrap{
font-size: 27px;
}
ul.menu-right-list .button-area a{
padding: 8px 7px;
font-size: 14px;
}
.cta-4 .cta4-img>img{
margin-top: 20px;
}
.footer-section .widget_social_widget ul li .social-a {
margin-bottom: 10px;
}
}
@media(max-width: 1199px){
.header-one .text-container{
display: flex;
align-items: center;
}
input[type='text'] {
width: 90%;
}
.header-search-button{
width: 9%;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.header-one .widget_social_widget ul li .social-a {
margin: 0 6px 0px 0;
}
.main-menu .nav-link{
padding: 10px;
}
.featured-product .product-action a,
.woocommerce-shop .product-action a {
max-width: 30px;
height: 30px;
line-height: 30px;
}
.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer>span{
font-size: 13px;
}
.cta-4 .cta-detail .icon-cta > .sale-off{
font-size: 20px;
}
.icon-cta svg{
width: 100px;
height: 100px;
}
.cta-4 .cta4-img>img{
margin-top: 20px;
}
.funfact4-item{
padding: 20px;
}
.funfact4-content h5>span{
font-size: 30px;
}
.funfact4-content span {
font-size: 16px;
font-weight: 600;
}
.funfact4-content h5{
margin-bottom: 5px;
}
.footer-section .widget_social_widget ul li .social-a{
margin-bottom: 10px;
}
.custom-logo-link img{
width: 160px;
}
.menu-right-list li .favourite-btn, .menu-right-list li .arrow-btn,.cart-icon-wrap{
font-size: 27px;
}
.header-five .main-navbar ul li a{
padding:0 10px;
}
.header-three .main-navigation-area .main-menu li:last-child a{
padding-left: 0;
}
.banner-section4 .banner2-content h4{
font-size: 26px;
}
.service3{
padding: 15px;
}
}
@media(max-width: 991px){
.main-mobile-nav {
display: block;
border-bottom: 1px solid #858585;
}
.product-tab-filter{
text-align: left;
}
.product-tab-filter a:first-child{
margin-left: 0;
}
.funfact4-item{
margin-bottom: 25px
}
.header-above-wrapper .newsflash {
color: initial;
line-height: 1.1;
padding: 17px 0;
}
.main-mobile-menu .widget_social_widget ul {
float: none;
}       .slider_one .slide-area{ }
.slide-text-wrapper .slide-text-title{
font-size: 45px;
}
#scrollup {
width: 40px;
height: 40px;
bottom: 61px;
right: 5px;
}
.slider_four .slide-text-wrapper {
width: 100%;
}
.slider_four .slide-area{
height: 500px;
} .navigation-middle-row .logo,
.navigation-middle-row .main-menu-right{
display: none!important;
}
.main-header .navigation-middle-row{
position: fixed; height: 100%;
background: var(--secondary-color);
inset: 0;
transform: translateX(150%);
visibility: hidden;
transition: 0.65s;
z-index: 999;
}
.main-header .navigation-middle-row form{
max-width: 550px;
width: 100%;
margin: 0 auto;
}
.header-search-form .close-style{
position: absolute;
top: 0;
left: 0;
transform: translateY(-60px);
background: var(--primary-color);
display: block;
}
.main-navigation{
padding: 0;
}
.header-two .header-search-form input[type='text']{
background-color: rgba(255 255 255 / 50%);
}
.header-two .header-search-form select.header-search-select {
background: rgba(255 255 255 / 40%);
}
.header-four .main-mobile-nav{
background-color: var(--white);
}
}
@media(max-width: 767px){
.widget_nav_menu ul li a{
display: flex;
align-items: center;
}
.slider_one .slide-area{ } .logo img{
width: 150px;
}
.section-title .main-title{
font-size: 35px;
}
#about-us2 .about2 span {
font-size: 16px;
}
#about-us2 .about2 h4 {
font-size: 26px;
}
}
@media(max-width: 575px){   .cta-4 .cta-detail {
flex-wrap: wrap;
}
.cta-detail .icon-cta{
margin: 0 0 20px;
}
.categorie-one .categories-img {
width: 250px;
height: 250px;
margin: auto;
}
.widget_social_widget ul li {
margin-bottom: 10px;
}
.main-navbar{
justify-content: center;
margin-bottom: 30px;
}
.widget-right .widget_social_widget{
display: flex;
justify-content: center;
}
.slider_two .slide-text-wrapper .slide-text-title{
font-size: 30px;
}
.slider_two .slide-text-wrapper{
padding: 30px;
border-radius: 0 60px 0 60px;
}
.comments-area .comment-meta .comment-author img{
position: inherit;
display: block;
}
.comments-area .comment-body{
padding: 0;
}
.comment-list{
margin-bottom: 80px;
}
} @media(max-width: 767px) and (min-width: 425px){
.slide-text-wrapper .slide-text-title{
font-size: 35px;
}
.slide-text-btn{
font-size: 16px;
padding: 7px 13px;
}
}
@media(max-width: 425px){
.slide-text-wrapper .slide-text-title{
font-size: 30px;
}
.slide-text-btn{
font-size: 14px;
padding: 4px 5px;
}
a.btn-on, button.btn-on{
padding: 5px 5px;
margin-right: 5px;
}
.banner2-content{
width: 80%;
}
}
@media(max-width: 375px){
.slider_two .slide-text-wrapper{
padding: 20px;
border-radius: 0 40px 0 40px;
}
}
@media(max-width: 767px){
.slide-area{ }
}
@media(min-width: 414px) and (max-width: 767px){
.slide-area{
height: 500px;
}
}
@media(min-width: 280px) and (max-width: 767px){
.slide-area{
height: 400px;
}
}
@media(min-width: 992px){
.main-header.header-one, .main-header.header-three {
position: absolute;
}
.slide-area { height: 800px; }
.slider_one .slide-text-wrapper.content-one, .slider_three .slide-text-wrapper {
width: 50%;
}
body:has(.header-one) .slider_one .slide-text-wrapper {
margin-top: 250px;
}
body:has(.header-one) .slider_four .slide-text-wrapper, body:has(.header-one) .slider_five .slide-text-wrapper, body:has(.header-one) .slider_two .slide-text-wrapper {
margin-top: 270px;
}
body:has(.header-three) .slider_one .slide-text-wrapper, body:has(.header-three) .slider_two .slide-text-wrapper, body:has(.header-three) .slider_five .slide-text-wrapper {
margin-top: 161px;
}
body:has(.header-three) .slider_four .slide-text-wrapper {
margin-top: 101px;
}
body:has(.header-three) .slider_two .slide-area {
height:800px;
}
body:has(.header-five) .slider_three .slide-text-wrapper, body:has(.header-four) .slider_three .slide-text-wrapper, body:has(.header-two) .slider_three .slide-text-wrapper {
margin-top: 0;
}
body:has(.header-one) .slider_three .slide-text-wrapper {
margin-top: 16%;
}
.slider_two .slide-text-wrapper {
width: 50%;
}
.cta-4 .cta-detail {
flex: 1;
}
.main-header .navigation-middle-row{ visibility: visible !important;
}
.woo-multi-currency.wmc-shortcode .wmc-currency, .wmc-currency select {
background-color: transparent;
}
.header-one .wmc-currency > select >option {
color: initial;
}
.header-one .wmc-currency > select, .main-header.header-one ul li [href='#pll_switcher'] {
color: var(--primary-color);
}
.main-menu > li.menu-item-has-children {
margin-right: 15px;
}
} @media(min-width: 280px) and (max-width: 767px){
.slider_three .slide-text-wrapper{
top: 61%
}
}
@media(min-width: 768px) and (max-width: 991px){
.slider_three .slide-text-wrapper{
top: 55%
}
}
@media(min-width: 992px) and (max-width: 1199px){
.slider_three .slide-text-wrapper{
top: 63%
}
} @media(min-width: 768px) and (max-width: 991px){
.slider_five .slide-text-wrapper span{
font-size: 26px;
}
.slider_five .slide-text-wrapper .slide-text-title{
font-size: 50px;
}
.slider_five .slide-text-wrapper h6{
font-size: 35px;
}
}
@media(min-width: 280px) and (max-width: 767px){
.slider_five .slide-text-wrapper span{
font-size: 18px;
}
.slider_five .slide-text-wrapper .slide-text-title{
font-size: 35px;
}
.slider_five .slide-text-wrapper h6{
font-size: 20px;
}
} @media(min-width: 992px) and (max-width: 1199px){
.categories3 .categ-main-overlay{
top: 70%
}
}
@media(min-width: 992px){
#trending-products5 .widget_custom_html,#trending-products5 .custom-html-widget,#trending-products5 .widget_banner,#trending-products5 .banner_wrap{height: 100%;}
}
@media (max-width: 767px) and (min-width: 425px){
#trending-products5 .product-single{
justify-content: space-around;
}
} @media(max-width: 767px) and (min-width: 576px){
.shop_section .products .product.type-product{
width: 50%;
}
}
@media(max-width: 575px){
.shop_section .products .product.type-product{
width: 100%;
}
}
@media(min-width: 576px) and (max-width: 991px){
.cta-4 .button-cta {
padding-left: 167px;
}
} @media (max-width: 1199px) and (min-width: 992px){
.banner-content h4{
font-size: 22px;
}
}
@media(max-width: 430px){
.banner-content h4{
font-size: 30px;
}	
} @media(max-width: 560px){
.funfact-title h4 {
font-size: 30px;
}
}
@media(max-width: 991px) and (min-width: 561px){
.funfact-title h4 {
font-size: 50px;
}
}  @media(max-width: 991px){
.progress-line{
display: none;
}
.progress-mt1 {
margin-top: 0px;
}
.progress-mt2 {
margin-top: 0px;
}
.progress-mt3 {
margin-top: 0px;
}
.progress-mt4 {
margin-top: 0px;
}
.progress-inner{
margin-bottom: 30px;
}
} @media(min-width: 1200px){
.deal-right{
padding: 70px 0 0;
}
}
@media(max-width: 1199px) and (min-width: 992px){
.deal-right{
padding: 10px 0;
}
}
@media(min-width: 992px){
.best-deals .deal-left-img{
margin-left: -65px;
}
} @media(max-width: 767px){
.testimonial-content h5{
font-size: 45px;
}
.testimonial-content h3,.testimonial-content p{
font-size: 16px;
}
.testimonial-content i{
font-size: 24px;
}
}
@media(max-width: 575px){
.testimonial-content h5 {
font-size: 30px;
}
} @media(min-width: 320px) and (max-width: 767px){
.cta-4 .cta-detail span {
font-size: 16px;
font-weight: 600;
color: #fff;
}
.cta-4 .icon-cta a{
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
}
.cta-4 .cta-detail h5{
font-size: 18px;
}
} @media(min-width: 320px) and (max-width: 767px){
.banner-section4 .banner2-item img{ }
.banner-section4 .banner2-content h4{
font-size: 26px;
margin: 10px 0;
}
} @media(min-width: 992px) and (max-width: 1199px){
.deal4-section .dogmaa_ct-timer>span:nth-child(4),.deal4-section .dogmaa_ct-timer>span:nth-child(1){
margin-right: 42px;
}
}
@media(min-width: 320px) and (max-width: 991px){
.deal4-item {
background: #fff;
width: 100%;
height: 450px;
line-height: 0px; 
display: flex;
flex-direction: column;
position: unset;  justify-content: center;
margin-bottom: 30px;
}
.deal4 .dogmaa_ct-timer{
display: flex;
justify-content: space-between;
}
.deal4 .dogmaa_ct-countdown {
position: unset;
top: 50%; 
transform: translate(0%, 0%); 
width: 100%;
}
.deal4-section .dogmaa_ct-timer>span:nth-child(4),.deal4-section .dogmaa_ct-timer>span:nth-child(1){
margin-right: 0px;
}
} @media (max-width: 991px) and (min-device-width: 768px){
.banner2-content h4{
font-size: 22px;
margin-bottom: 0px;
}
.banner2-content p {
font-size: 14px;
}
.banner2-btn{
padding: 5px 10px;
}
}
@media(max-width: 430px){
.banner2-content h4{
font-size: 22px;
margin-bottom: 0px;
}
.banner2-content p {
font-size: 14px;
}
.banner2-btn{
padding: 5px 10px;
font-size: 14px;
}
} @media(max-width: 1200px) and (min-width: 1000px){
.sponsor{
height: 185px;
}
.sponsor img{
width: 140px;
}
} @media(max-width: 767px){
.footer-top .mail-form label{
width: 81%;
}
.footer-top .mail-form button{
width: 19%;
}
.footer-top .brand {
display: flex;
}
.footer-top .brand ul li { margin-left: 0px;
margin-right: 15px;
}
}
@media(min-width: 992px) and (max-width: 1200px){
.footer-top .mail-form label {
width: 82%;
}
}
@media(max-width: 767px){
.footer-top .widget_mail {
display: grid;
margin-bottom: 11px;
}
.footer-top .mail-form{
margin-left: 0px;
width: 100% !important;
}
} @media (min-width: 280px) and (max-width: 767px){
.cta-detaile h4{
font-size: 40px;
}
.cta-detaile span{
font-size: 20px;
}
}
@media(max-width: 767px){
.slider_two .slide-area{
height: 450px;
}
} @media(max-width: 767px) and (min-width: 320px){
.top-news h5{
font-size: 30px;
}
}
@media(min-width: 768px){
.recent-news .post-item .post-content .post-title{
font-size: 30px;
}
} @media(max-width: 991px){
.news-letter .widget_mail .text_mail{
width: 100%;
}
} @media(max-width: 767px){
.news-letter .custom-html-widget .widget-title, .news-letter .widget_mail .text_mail{
width: 100%;
}
#newsletter2 .custom-html-widget .mail-form{
width: 100%;
}
}
@media(max-width: 991px){
.news-letter .custom-html-widget .mail-form {
width: 100%;
display: flex;
}
.news-letter .custom-html-widget .widget-title{
font-size: 30px;
}
.news-letter .custom-html-widget button[type='submit']{
margin-left: 15px;
}
.text_mail{
margin-bottom: 30px;
}
} @media(max-width: 991px) and (min-width: 600px){
.gallery-section .grid-container, .gallery-section3 .grid-container{
gap: 15px;
}
}
@media(max-width: 599px){
.gallery-section .grid-container ,.gallery-section3 .grid-container{
display: revert;
}
.gallery-section .gallery2,.gallery-section3 .gallery2{
margin-bottom: 30px;
}
}
@media(max-width: 767px) and (min-width: 500px){
#banner5 .banner2-content h4{
font-size: 30px;
margin: 0;
}
#banner5 .banner2-content p {
margin: 0 0 5px 0;
}
}
@media(max-width: 499px) and (min-width: 320px){
#banner5 .banner2-content h4{
font-size: 22px;
margin: 0;
}
#banner5 .banner2-content p {
margin: 0 0 5px 0;
font-size: 12px;
}
} @media(min-width: 992px){
.footer-section2 .widget_social_widget{
display: flex;
justify-content: center;
}
}
@media(max-width: 767px){
.footer-section2 .widget_social_widget{
justify-content: flex-start;
}   
}
@media(max-width: 991px){
.footer-copyright .brand ul{
float: left;
}
.footer-copyright .brand ul li{
margin: 0;
}
}
@media(min-width: 992px){
#footer-section4 .footer-top .widget_mail{
justify-content: space-between;
}
}
@media(min-width: 992px) and (max-width: 1199px){
#footer-section4 .footer-top .mail-form{
width: 57%;
}
}
@media(min-width: 768px) and (max-width: 991px){
#footer-section4 .footer-top .mail-form{
width: 55%;
}
}
@media(max-width: 767px){
#footer-section4 .footer-top .mail-form{
width: 100%;
}
} @media(min-width: 992px){
.widget_custom_html,.custom-html-widget,.widget_banner,.banner_wrap{
height: 99.3%;
}
.featured-product .banner_wrap img,
.shop_section .banner_wrap img{
height: 100%;
position: absolute;
object-fit: cover;
}
}
@media(max-width: 991px){
.feature-product5 .banner_wrap img{
width: 150px;
display: inline-block;
}
}
@media(max-width: 991px){
.featured-product .banner_wrap,
.shop_section .banner_wrap{
margin-bottom: 20px;
}
} @media(min-width: 992px) and (max-width: 1200px){
.cta2 .cta-detail h5{
font-size: 22px;
}
} @media(max-width: 991px){
.main-deal{
margin-bottom: 30px;
}
}
@media(min-width: 320px) and (max-width: 499px){
.main-deal{
flex-wrap: wrap;
}
} @media(max-width: 767px){
.work-process .process-item{
margin-bottom: 30px;
}
} @media(max-width: 1399px) and (min-width: 1200px){
.team-section .team:hover .team-img:before {
top: -64%;
right: -75px;
}
.team-section .team-img:before{
transform: rotate(-39deg);
}
}
@media(max-width: 1199px) and (min-width: 992px){
.team-section .team:hover .team-img:before {
top: -51%;
right: -37%;
}
.team-section .team-img:before{
transform: rotate(-34deg);
}
}
@media(max-width: 991px) and (min-width: 768px){
.team-section .team:hover .team-img:before {
top: -67%;
right: -34%;
}
.team-section .team-img:before{
transform: rotate(-46deg);
}
}
@media(max-width: 991px) and (min-width: 768px){
.team-section .team:hover .team-img:before {
top: -67%;
right: -34%;
}
.team-section .team-img:before{
transform: rotate(-46deg);
}
}
@media(max-width: 767px) and (min-width: 500px){
.team-section .team:hover .team-img:before {
top: -115%;
right: -27%;
}
.team-section .team-img:before{
transform: rotate(-40deg);
height: 724px;
}
} @media(max-width: 1199px) and (min-width: 992px){
.blog-five .post-meta a {
font-size: 11px;
}
} @media(max-width: 767px){
#section-comesoon .dogmaa_ct-timer>span>span:nth-child(1){
font-size: 35px;
}
#section-comesoon .dogmaa_ct-timer>span>span:nth-child(2){
font-size: 16px;
} .breadcrumb-content{
width: 100%;
}
.breadcrumb-heading h3{
font-size: 35px;
}
} @media only screen and (max-width: 767px){
#content div.product div.images, #content div.product div.summary, div.product div.images, div.product div.summary, #content div.product div.images, #content div.product div.summary, div.product div.images, div.product div.summary {
float: none;
width: 100%;
padding: 0;
}
.product-single-section .images .thumbnails{
padding-top: 50px;
}
#content div.product div.summary,div.product div.images, div.product div.summary{
padding-bottom: 50px;
}
}
@media (min-width: 769px){
#st-primary-content #content div.product div.images {
width: 44%;
}
}
@media (min-width: 769px){
#content div.product div.summary {
width: 56%;
}	
}
@media (min-width: 992px){
#st-primary-content {
max-width: 72%;
flex-basis: 72%;
}
}
@media(min-width: 319px) and (max-width: 767px){
} @media(min-width: 768px) and (max-width: 991px){
.signin-model-details{
width: 80%;
}
.news-header h3{
font-size: 35px;
}
.news-header p{
font-size: 20px;
} .banner2-section .banner2-content span{
font-size: 16px;
font-weight: 500;
}
a.btn-on, button.btn-on{
padding: 5px 10px;
}
}
@media(max-width: 767px){
.right-side-img{
display: none;
}
.signin-model-details{
width: 80%;
}
.news-header h3{
font-size: 22px;
}
.news-header p{
font-size: 16px;
}
#formnewsletter{
padding: 30px;
}
} @media(min-width: 320px) and (max-width: 767px){
.image404{
width: 200px;
}
.card404 h3{
font-size: 45px;
}
} @media(max-width: 767px){
.footer-copyright .widget_payment_methods .payment_methods{
float: left;
}
} @media(max-width: 767px){
#footer-section5 .widget_mail .mail-form label {
width: 100%;
flex-wrap: wrap;
}
#footer-section5 .widget_mail .mail-form input[type='text'], #footer-section5 .widget_mail .mail-form input[type='email']{
width: 100%;
margin-bottom: 25px;
}
#footer-section5 .widget_mail .mail-form{
flex-wrap: wrap;
}
#footer-section5 .widget_mail .mail-form button{
width: 50%;
}
}
@media(max-width: 991px){
.nav-link-text i{
display: none;
}
#footer-small + #footer-section {
padding-bottom: 61px;
}
} @media(min-width: 768px){	
.footer_content_wrap > span {
display: none;
}
}
@media(max-width:767px){
.footer_content_wrap > div, .footer_content_wrap > ul, .footer_content_wrap > form, .widget_media_gallery.footer_content_wrap > .gallery, .footer_content_wrap > img, .footer_content_wrap > a, .footer_content_wrap .widget-title + div, .footer_content_wrap.contact_feature > aside:not(:first-of-type), .footer_content_wrap .widget-title + ul {
display: none;
}
}
@media (min-width: 992px) {
.has-mega-menu:hover::after {
top: calc(100% - 23px);
}
.is-sticky-menu  .has-mega-menu:hover::after {
top: calc(100% - 9px);
}
.main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu{
left: auto;
right: 100%;
top:1px;
}
.main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu, .main-navbar .dropdown-menu li .dropdown-menu {
right: auto;
left: 100%;
top:2px;
} 
.nav-item.menu-item-has-children > a::after {
content: "\f054";
position: absolute;
font-family: "FontAwesome";
margin-left: 5px;
font-size: 12px;
margin-top: 5px;
right: 10px;
}
.main-menu > .nav-item.menu-item-has-children > a::after {
content: "\f078";
right: unset;
}
.main-menu {
flex-wrap: wrap;
}
}