@media(min-width:768px){
    /*** Footer ****/      
    .footer-main-row > div{ 
        max-width: none;
        flex: auto;
        width: auto
    }
}

@media(min-width: 992px){
    /*** Header Top ****/      
    .header-top > div+div {
        margin-left: 1.15rem;
    }

}

@media(min-width:1200px){
    .container {
        max-width: 70rem;
        padding-left: 30px;
        padding-right: 30px
    }
    .container-extend{
        padding-left: 30px;
        padding-right: 30px;
        max-width: 80rem; 
        margin-left: auto;
        margin-right: auto
    }
}
@media(min-width:1025px){

    .list-image-holder{
        background-position: 80% center
    }
    .list-image-holder{
        overflow: hidden;
        perspective: 185px;
        perspective-origin: left center;
    }
    .list-image {
    transform-style: preserve-3d;
    transform-origin: left center;
    transition: transform 0.5s;
    transform: rotateY(45deg); 
}
.animated-listing-col .list-image{
    transform: rotateY(0); 
}
    .hero-banner h1, .hero-banner .h1,
    .inner-banner h1, .inner-banner .h1, .hero-banner-text:before,
    .gallery-thumb > div,  .gallery-thumb > .lazy,  .hero-banner-text .button, .sep-block:before, .sep-block:after {
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.65s   
    }
    .hero-banner h1, .hero-banner .h1{
        opacity: 0;
        transition-delay: 600ms;
        transform: translateX(-1rem)
    }
    /** Global ****/
    .sep-block:before, .sep-block:after{
        width: 0;
    }
    body:not(.home) .sep-block:before, body:not(.home) .sep-block:after{
        transition-delay: 1s;
    }
    .sep-block.animated-sep:before {
        width: 4rem;
    }
    .sep-block.animated-sep:after{
        width: 100%
    }


    .gallery-thumb > div, .gallery-thumb > .lazy{
        transform: translateY(100%);
        opacity: 0
    }
    .animated-gallery-thumb, .default-gallery-thumb, 
    .v2-animated-gallery-thumb, .v2-defaullt-gallery-thumb{
        transform: translateY(0)!important;
        opacity: 1!important
    }
    .banner-sub-heading {
        overflow: hidden;
        line-height: 1.5;
        width: 0;
        white-space: nowrap;
        transition: all cubic-bezier(.65,.05,.36,1) 2s;
        transition-delay: 2s;
    }
    .hero-banner-text .button{
        opacity: 0;
        transition-delay: 2s
    }
    .hero-banner-text:before{
        width: 0
    }
    .animated-hero-banner-text h1,.animated-hero-banner-text .h1{
        opacity: 1!important;
        transform: translateX(0)!important;
    }
    .animated-hero-banner-text:before, 
    .default-hero-banner-text:before{
        width: 100%!important
    }
    .animated-hero-banner-text .banner-sub-heading {
        width: 100%;
    }
    .hero-banner-text.animated-hero-banner-text .button{
        opacity: 1
    }
    .inner-banner h1, .inner-banner .h1, .introduction-image, .side-by-content ul li{
        opacity: 0;
        transform: translateY(1.5rem);
    }
    .animated-up, .default-up{
        opacity: 1!important;
        transform: translateY(0)!important
    }
    .main-header-menu > li:hover{
        overflow: visible
    }



    .blog-listing-row > div .blog-thumbnail{
        transform: scale(1.1);
        transition: all ease-in-out 0.5s
    }
    .blog-listing-row > div.animated-blog-thumb .blog-thumbnail,
    .blog-listing-row > div.activated-blog-thumb .blog-thumbnail{
        transform: scale(1);
        transition-delay: 0.5s
    }

}

@media(min-width:1400px){
    /*** Default ****/ 
    .fixed{
        background-attachment: fixed!important
    }
}

@media(min-width:2000px){
    /*** Default ****/  
    html{
        font-size: 1vw
    }
}

@media(max-width:1859px){

}

@media(max-width:1599px){
    html{
        font-size: 17px
    }




    /*** Blog Loop *****/
    .blog-image-holder{
        height: 19.5rem;
    }
    .blog-loop-content-bottom .h4 {
        font-size: 1.35rem;
    }



    /*** Inner Banner *****/
  


}


@media(max-width:1499px){


    body {
        padding-top: 7.5rem;
    }
    /**** Header *******/
    .site-logo{
        margin-top: 0
    }

    /**** Inner Banner *******/
  


}

@media(max-width:1399px){
    /*** Category Listing ****/

}


@media(max-width:1299px){


    /**** Header ****/





}


@media(max-width:1199px){



    /**** Header ****/  
    .header-menu{
        padding-left: 1rem;
        padding-right: 1rem
    }
    .main-header-menu > li {
        margin: 0 0.5rem;
    }
    .header-aside-top > div+div {
        margin-left: 0.75rem;
    }
    .site-logo {
        width: 11.75rem;
    }

    /**** Home > About ****/  
    .home-img-holder:before {
        width: 15.95rem;
        height: 17.65rem;
    }
    .home-img-holder img {
        margin-top: 3.25rem;
    }

    /**** Gallery ****/
    .gallery-grid:not(.middle-gallery-grid) > div:nth-child(even), .middle-gallery-grid > div:nth-child(odd) {
        height: 20rem;
    }

    /*** Inner Banner *****/
   

    /*** Product Detail *****/
    .product-gallery-item {
        height: 13.45rem;
    }

    /*** Blog Loop *****/
    .blog-loop-content-bottom .h4 {
        font-size: 1.2rem;
    }

    /*** Footer *****/
    .footer-logo svg, .footer-logo img {
        width: 14rem;
    }
    .footer-main-row > div {
        padding: 2.5rem 0.75rem;
    }
}

@media(max-width:1099px){
    /** Header ****/
    .header-menu {
        font-size: 0.75rem;
    }
    .main-header-menu > li {
        margin-left: 0.75rem;
        margin-right: 0.75rem
    }
    .header-aside-top > div+div {
        margin-left: 0.75rem;
    }
    .site-logo {
        width: 10.75rem;
    }


}


@media(max-width:1024px){
  h1, .h1 {
    font-size: 2.5rem
  }
  
    
  
    
    /** Hero Banner ***/     
    .hero-banner {
        height: auto;
        padding-top: 7rem;
        padding-bottom: 7rem
    }
    .banner-sub-heading {
    font-size: 1.5rem;
}
 


}

@media (max-width: 900px){
    .cookie-notice-container #cn-notice-buttons {
        display: flex!important;
    }
}

@media(max-width:991px){
    body {
        padding-top: 5.3rem;
    }

    /***** Hero Banner ****/      
    .bottom-to-top, .scrollup, .top-to-bottom {
        height: 3rem;
        width: 3rem;
    }
    .scroll-div svg, .scroll-div img, 
    .scrollup svg,  .scrollup img {
        width: 1.75rem;
        height: 1.7rem;
    }

    /***** Header ****/
    .main-header-menu, .header-address {
        display: none!important;
    }
    button.navbar-toggler {
        display: block!important;
        background-color: #E83434;
        width: 50px;
        height: 45px;
        border: none
    }
    .site-header{
        padding-top: 0;
        padding-bottom: 0
    }
    .site-logo{
        padding-top: 10px;
        padding-bottom: 10px
    }
    .site-logo, .sticky .site-logo {
        width: 9rem;
    }
    .header-menu{
        margin-bottom: 0
    }
    .header-aside-top{
        margin-top: 0
    }
    .social-media {
        margin-right: 15px;
    }
    .main-mobile-header-menu{
        margin: 0
    }
    .mobile-navbar-toggler-icon {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #FFF;
        margin: 5px 0;
    }
    .header-mobile-menu{
        display: block!important;
        height: 0;
        overflow: hidden;
        background-color: #f5f3f3
    }
    .header-mobile-menu.show{
        max-height: 1000%;
        height: auto;
        overflow-y: auto
    }
    div.header-menu{
        -ms-flex-direction: row!important;
        flex-direction: row!important; 
    }
    .main-mobile-header-menu li a {
        border-bottom:1px solid rgba(0, 0, 0, 0.09);
        border-radius: 0;
        font-size: 16px;
        display: block;
        padding: 10px;
        text-align: center;
        color: #000;
        text-transform: uppercase;
    }
    .main-mobile-header-menu > li.current-menu-item > a, .main-mobile-header-menu > li.current_page_parent > a{
        background-color: #E83434;
        color: #FFF
    }
    .header-aside-top{
        align-items: center;
        margin-bottom: 0
    }
    .header-aside-top .social-media{
        display: none
    } 
    .header-email, .header-phone {
        position: relative;
        height: 2.5rem;
        width: 2.5rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        background-color: #E83434;
    }
    .header-email a:before, .header-phone a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .header-email a, .header-phone a {
        font-size: 0;
    }
    .header-email img, .header-email svg {
        width: 1.75rem;
    }
    .header-phone img, .header-phone svg {
        width: 1.65rem;
    }
    .header-email img, .header-email svg, 
    .header-phone img, .header-phone svg{
        margin-right: 0;
        top: 0
    }
    .header-email svg path, .header-phone svg path {
        fill: #FFF;
    }
    .header-aside-top > div{
        margin-right: 0.5rem;
        margin-left: 0!important;
    }
    .sticky .header-aside-top {
        margin-top: 0; 
        margin-bottom: 0; 
    }


    /***** Home About ****/
    .home-img-holder:before{
        content: none
    }
    .home-img-holder img {
        width: auto;
        margin-top: 1.5rem
    }
    .home-img-holder{
        text-align: center
    }


    .cta-section-inner{
        padding-left: 2rem;
        padding-right: 2rem
    }



    /**** Gallery ****/
    .gallery-grid:not(.middle-gallery-grid) > div:nth-child(even), .middle-gallery-grid > div:nth-child(odd) {
        height: 18rem;
    }
    .gallery-thumb {
        height: 13.3rem;
    }

    /*** Product Detail *****/
    .category-related-post-section {
        padding: 1rem 15px;
    }
    .product-detail-thumbnail img {
        width: 150px;
    }
    .product-detail-thumbnail{
        margin-top: 1rem
    }


    /**** Page - Contact ****/
    .contact-via-listing {
        padding: 0;
        font-size: 0.85rem;
        margin-top: 2.75rem;
    }




    /***** Blog ****/  
    .blog-image-holder{
        height: 17.5rem;
    }

    /***** Inner Banner ****/
   
 
    /***** Footer ****/ 
    .footer-contact-bar{
        font-size: 0.75rem
    }
    .footer-contact-list li.footer-address svg, .footer-contact-list li.footer-address img {
        width: 1.5rem;
    }
    .footer-contact-list svg, .footer-contact-list img {
        width: 1.35rem;
    }
    .footer-contact-list li {
        padding-left: 1.75rem;
    }
    .footer-address svg, .footer-address img{
        margin-left: 0
    }
    .footer-contact-list span{
        margin-left: -1.75rem
    }
    .footer-nav {
        font-size: 0.75rem;
        text-transform: uppercase;
    }
}

@media(max-width:767px){



    /***** Global ****/ 
    .container {
        max-width: 100%;
    }
    h1, .h1 {
        font-size: 2rem;
    }
    .h2, h2 {
        font-size: 1.75rem;
    }
    .h3, h3 {
        font-size: 1.5rem;
    }
    .h4, h4 {
        font-size: 1.35rem;
    }
    .h5, h5 {
        font-size: 1.2rem;
    }
    .h6, h6 {
        font-size: 1.1rem;
    }
    .space {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .space_m {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .spaceMB {
        margin-bottom: 3rem;
    }
    .spaceMT{
        margin-top: 3rem;
    }
    .container-extend {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bottom-to-top, .scrollup, .top-to-bottom {
        height: 2.5rem;
        width: 2.5rem;
    }
    .scroll-div svg, .scroll-div img, .scrollup svg, .scrollup img {
        width: 1.25rem;
        height: 1.2rem;
    }
 

    /*** Header ******/
    .site-header .container{
        padding-left: 15px;
        padding-right: 15px
    }


    /*** Home > Banner ******/
    .hero-banner {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
       .banner-sub-heading {
    font-size: 1.35rem;
}
.hero-banner .button {
    padding: 0.8rem 1.35rem;
}

    /**** Inner Banner *******/
 

    /***** Home Gallery ****/  
    .gallery-thumb {
        height: 16rem;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .gallery-grid-outer{
        margin-left: -5px;
        margin-right: -5px
    }
    .gallery-grid-outer > div{
        padding: 5px
    }
    .gallery-thumb {
        height: 12rem;
    }
    .gallery-grid:not(.middle-gallery-grid) > div:nth-child(even), .middle-gallery-grid > div:nth-child(odd) {
        height: 15rem;
    }


    /***** Common  *****/
    .cta-section-inner{
        padding-left: 15px;
        padding-right: 15px
    }

    /***** Page: Impression ****/  
    .gallery-view {
        margin-top: -20px;
        margin-bottom: -20px;
    }

    /***** Product Detail ****/  
    .category-nav-holder{
        margin-bottom: 25px
    }
    ul.category-nav.default-menu {
        display: flex;
        flex-wrap: wrap;
    }
    ul.category-nav.default-menu li {
        width: 50%;
        border: 1px solid rgba(0, 0, 0, 0.035);
        display: flex;
        align-items: center;
    }
    ul.category-nav.default-menu li a{
        border: none
    }

    /**** Page - Contact ****/
    .main-contact-form {
        padding-right: 0;
    }
    .contact-bar-info-inner{
        padding: 25px 15px;
    }


    /***** Blog Loop ****/
    .blog-loop-content-col {
        position: relative;
        width: 450px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }



    /***** Footer ****/
    .footer-contact-list{
        display: block
    }
    .footer-contact-bar-outer {
        margin-bottom: 1.5rem;
    }
    footer-contact-list {
        display: block;
    }
    .footer-contact-list li{
        justify-content: center;
        padding-left: 0;
    }
    .footer-contact-list li+li, .footer-contact-list li.footer-social{
        margin-top: 1rem
    }
    .footer-contact-list .social-media {
        justify-content: center;
    }
    .footer-contact-list li.footer-address span{
        position: static;
        margin-left: 0
    }
    .footer-main-grid{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .footer-main-row {
        flex-wrap: wrap;
    }
    .footer-heading{
        margin-bottom: 0.75rem
    }
    .footer-main-row > div:first-child {
        margin-bottom: 1rem;
    }
    .footer-main-row > div{
        padding: 0.85rem!important;
    }.footer-col-1 {
        text-align: center;
    }
    .footer-description{
        max-width: 100%
    }
    .footer-col-1 .social-media {
        justify-content: center;
        margin-right: 0;
    }
    .footer-bottom {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    .design-develop-by{
        justify-content: center
    }
    .footer-bottom-row > div {
        margin-top: 0.15rem;
        margin-bottom: 0.15rem;
    }
    .cookie-notice-container {
        display: block!important
    }
    .cookie-notice-container #cn-notice-text {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-col-1 .copyrights,   .footer-col-1 .design-develop-by{
        display: none
    }
    .footer-col-2 .w-100{
        padding-left: 30px
    }
    .footer-bottom{
        display: block
    }
    
    .inner-banner {
    padding-bottom: 38%;
    }
    
    
}

@media(max-width:649px){
    /***** Common  *****/
    .cta-section-inner {
        display: block;
        text-align: center;
    }
    .cta-section-inner .h5 {
        width: 100%;  
        margin-bottom: 15px
    }

}

@media(max-width:575px){
    /***** Common ****/    
    .space {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .space_m {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .spaceMB {
        margin-bottom: 2.5rem;
    }
    .spaceMT{
        margin-top: 2.5rem;
    }
    h1, .h1 {
        font-size:1.75rem;
    }
    .h2, h2 {
        font-size: 1.55rem;
    }
    .h3, h3 {
        font-size: 1.3rem;
    }
    .h4, h4 {
        font-size: 1.2rem;
    }
    .h5, h5 {
        font-size: 1.1rem;
    }
    .h6, h6 {
        font-size: 1.05rem;
    }
    .bottom-to-top, .scrollup {
        bottom: 3.5rem;
        right: 1rem;
    }


        /*** Banner ******/
.inner-banner h1, .inner-banner .h1 {
    font-size: 1.5rem;
}
   
.banner-sub-heading {
    font-size: 1.15rem;
}

    /*** Products ******/
    .list-image-holder {
        width: 7.75rem;
        height: 15.5rem;
    }


    /***** Page: Impression ****/  
    .gallery-view {
        margin-top: -10px;
        margin-bottom: -10px;
    }




    /***** Gallery ****/  
    .gallery-thumb a:after{
        right: 10px;
        bottom: 10px
    }
    .gallery-grid-outer > div {
        margin-bottom: -20px;
    }
    .gallery-grid:not(.middle-gallery-grid) > div:nth-child(even), .middle-gallery-grid > div:nth-child(odd) {
        height: 12rem
    }

    /*** Page - Contact *****/
    .map-info-window{
        padding-left: 15px;
        padding-right: 15px

    }
    .gm-style .gm-style-iw{
        font-size: 14px;
    }
    .map-site-name{
        font-size: 26px
    }


    /***** Footer ****/ 
    .footer-main-grid{
        text-align: center
    }
    .footer-main-row > div:first-child{
        margin-bottom: 0
    }
    .footer-contact-list li:last-child{
        margin-bottom: 0
    }
    .footer-col-2 .w-100 {
        padding-left: 0;
    }
    .site-footer .social-media {
        justify-content: center;
        margin-right: 0;
        margin-top: 1rem;
    }

}



@media(max-width:479px){
    /***** Global ****/     
    .button {
        font-size: 0.88rem;
        min-width: 9rem;
        padding: 0.75rem 1rem
    }
    h2, .h2{
        margin-bottom: 0.75rem
    }
    .mb2 {
        margin-bottom: 1.25rem;
    }
    .mb2_5 {
        margin-bottom: 1.55rem;
    }

    /** Header ***/
    .site-header .container{
        padding-left: 15px;
        padding-right: 15px
    }

    /** Hero Banner ***/


    /** Banner ***/
    

    .inner-banner h1, .inner-banner .h1 {
        font-size: 1.25rem;
        padding-left: 0;
        padding-right: 0
    }

    /** Page :: Contact ***/
    .contact-main-heading{
        padding-left: 15px;
        padding-right: 15px
    }

}

@media(max-width:415px){

    /***** Header ****/ 
    .navbar-toggler {
        padding: .25rem .6rem;
    }
}

@media(max-width:400px){

    /***** Common ****/
    .heading-styled{
        height: auto;
        padding: 0
    }
    .heading-styled:before{
        content: none
    }
    .heading-styled{
        display: block
    }
    .text-center .small-heading, 
    .text-center .heading-styled h2, 
    .text-center .heading-styled .h2{
        text-align: center
    }

    /***** Product Detail ****/ 
    .category-related-post-section-outer{
        margin-bottom: 0
    }
    ul.category-nav.default-menu {
        font-size: 0.65rem;
    }
    .category-nav-holder ul li a{
        padding-left: 0.85rem;
        padding-right: 0.85rem
    }

    /*** Page - Contact *****/ 
    .map-site-name {
        font-size: 20px;
    }
    .logo-tagline{
        font-size: 11px
    }
    .gm-style .gm-style-iw {
        font-size: 12px;
    }
    .map-location-nap {
        font-size: 13px;
    }
}

@media(max-width:385px){
    /*** Header ***/
    body {
        padding-top: 4.25rem;
    }
    .header-email, .header-phone {
        width: 2.15rem;
        height: 2.15rem
    }
    .header-email img, .header-email svg {
        width: 1.35rem;
        height: 1.35rem;
    }
    .header-phone img, .header-phone svg {
        width: 1.35rem;
        height: 1.35rem;
    }
    .navbar-toggler {
        padding: .25rem .45rem;
    }
    button.navbar-toggler {
        width: 40px;
        height: 40px
    }
    .header-aside-top > div {
        margin-right: 0.5rem;
    }
    .site-logo, .sticky .site-logo {
        width: 7rem;
    }

    /***** Footer ****/
    #cookie-notice .cn-button{
        min-width: 1px;
        margin-left: 5px
    }
    .cn-buttons-container .button {
        font-size: 0.75rem;
    }

}

@media(max-width:350px){
    /***** Footer ****/   
    .footer-bottom {
        font-size: 0.75rem;
    }


}