@media screen and (min-width: 100px) and (max-width: 768px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 380px) {
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}
}
/* ===================Responsive ===================*/
/* / / 1600-1700px / / */
@media screen and (min-width: 1600px) and (max-width: 1700px) {
    .slick-slide .caption h3 span {
        transform: rotate(-10deg) translate(180px, -40px);
    }
    
    .section_1 .left .more:before {
        right: 160px;
    }
    
    .section_2 h2 {
        width: 461px;
        transform: rotate(90deg) translate(152px, -220px);
    }
    .slick-slide .caption .more:before {
        right: 180px;
    }
}
/* / / 1500-1600px / / */
@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .slick-slide .caption h3 span {
        transform: rotate(-10deg) translate(180px, -40px);
    }
    
    .section_1 .left .more:before {
        right: 120px;
    }
    
    .section_2 h2 {
        width: 461px;
        transform: rotate(90deg) translate(152px, -200px);
    }
    .slick-slide .caption .more:before {
        right: 140px;
    }
}
/* / / 1300-1366-1500 / / */

@media screen and (min-width: 1300px) and (max-width: 1499px) {
    .slick-slide .caption h3 span {
        transform: rotate(-10deg) translate(180px, -40px);
        font-size: 100px;
    }
    
    .section_1 .left .more:before {
        right: 80px;
    }
    
    .section_2 h2 {
        width: 461px;
        transform: rotate(90deg) translate(152px, -160px);
    }
    .slick-slide .caption .more:before {
        right: 100px;
    }
}
/* / / 1100-1200px / / */
@media screen and (min-width: 1100px) and (max-width: 1299px) {
    .slick-slide .caption h3 span {
        transform: rotate(-10deg) translate(180px, -40px);
        font-size: 100px;
    }
    
    .section_1 .left .more:before {
        right: 40px;
    }
    
    .section_2 h2 {
        width: 461px;
        transform: rotate(90deg) translate(159px, -118px);
        font-size: 60px;
    }
    .slick-slide .caption .more:before {
        right: 100px;
    }
    .slick-slide .caption {
        width: 60%;
    }
    
    .section_3 .branding-title h3 {
        font-size: 200px;
    }
    .section_4 .before-title h3 {
        transform: rotate(90deg) translate(-306px, 519px);
    }
    .site_header .menu-header > ul > li> a {
        font-size: 13px;
        padding: 17px 6px;
    }
    .section_1 .left .repeater .main {
        padding-right: 10px;
    }
    
    .section_1 .left .repeater .main span {
        font-size: 8px;
    }
    .section_1 .left .repeater .main h3 {
        font-size: 23px;
    }
    .slick-slide .caption {width: 73%;top: 30%;}
}

/* / / Ipad PRO / */

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .slick-slide .caption h3 span {
        transform: rotate(-10deg) translate(160px, -10px);
    }

    .slick-slide .caption .more:before {
        right: 160px;
    }

    .section_1 .left .more:before {
        right: 0;
    }

    .section_2 h2 {
        width: 100%;
        transform: rotate(
    90deg
    ) translate(152px, -20px);
        padding: 10px 250px;
    }

    .section_2 .cat-name h4 {
        transform: rotate( 
    80deg
    ) translate(182px, 70px);
    }

    .section_3 .branding-title h3 {
        font-size: 200px;
    }

    .section_4 .branding-title h4 {
        bottom: 0;
    }

    .section_4 .branding-title h4 span {
        font-size: 110px;
    }
    .slick-slide .caption {
        width: 70%;
        top: 30%;
    }
    .site_header .col-md-9, .site_header .col-md-1 {display: none;}
    .site_header .col-md-2 {
        width: 100%;
    }

    .site_header .logo {
        text-align: center;
    }

    a#hamburg {
        background: #daad3c;
        z-index: 9999;
    }

    html.open-menu nav.nav1 .container {
        width: auto;
    }

    html.open-menu nav.nav1 .container input {
        display: none;
    }

    .push-logo {
        text-align: center;
        margin: 30px auto;
    }

    html.open-menu nav.nav1 {
        background: rgb(1 1 1);
    }

    .nav1 ul li a {
        color: #fff !important;
    }
    .section_1 .left .repeater .main h3 {
        font-size: 15px;
    }
    
    .section_1 .left .repeater .col-md-3 {width: 50%;float: left;min-height: 60px;}
    .footer .menu li {
        margin: 10px;
    }    
}

/* / / Ipad - 768px and Landspace Mode : 820px / / */

@media screen and (min-width: 100px) and (max-width: 949px) {
    .slick-slide .caption h3 span {
        transform: rotate(-10deg) translate(160px, -10px);
    }

    .slick-slide .caption .more:before {
        right: 160px;
    }

    .section_1 .left .more:before {
        right: -10px;
        height: 40px;
        width: 100%;
        top: 8px;
    }

    .section_2 h2 {
        width: 100%;
        transform: rotate(
    90deg
    ) translate(162px, 10px);
        padding: 10px 220px;
    }

    .section_2 .cat-name h4 {
        transform: rotate( 
    80deg
    ) translate(182px, 70px);
    }

    .section_3 .branding-title h3 {
        font-size: 110px;
    }

    .section_4 .branding-title h4 {
        bottom: 0;
    }

    .section_4 .branding-title h4 span {
        font-size: 80px;
    }
    .slick-slide .caption {
        width: 70%;
        top: 30%;
    }
    .site_header .col-md-9, .site_header .col-md-1 {display: none;}
    .site_header .col-md-2 {
        width: 100%;
    }

    .site_header .logo {
        text-align: center;
    }

    a#hamburg {
        background: #daad3c;
        z-index: 9999;
    }

    html.open-menu nav.nav1 .container {
        width: auto;
    }

    html.open-menu nav.nav1 .container input {
        display: none;
    }

    .push-logo {
        text-align: center;
        margin: 30px auto;
    }

    html.open-menu nav.nav1 {
        background: rgb(1 1 1);
    }

    .nav1 ul li a {
        color: #fff !important;
    }
    .section_1 .left .repeater .main h3 {
        font-size: 15px;
    }
    
    .section_1 .left .repeater .col-md-3 {width: 50%;float: left;min-height: 60px;}
    .footer .menu li {
        margin: 10px;
    } 
    .slider .inner-item .caption {
        display: block;
        left: 0;
        right: 0;
        margin: auto;
        top: 23%;
    }
    
    .section_1 .left, .section_1 .right {
        width: 50%;
        float: left;
    }
    
    .section_1 .left .headline h2 {
        font-size: 30px;
    }
    
    .section_1 .left .more a {
        font-size: 15px;
        padding: 15px 50px;
    }
    
    .section_2 .col-md-4 {
        width: 33.33%;
        float: left;
    }
    
    .section_2 .main {
        overflow: hidden;
    }
    
    .section_3 .pic {
        height: 300px;
    }
    
    .section_3 .main .cart-btn a.add_to_cart_button {
        font-size: 10px;
    }
    
    .section_4 .col-md-6 {
        float: left;
        width: 50%;
    }
    
    .section_4 .col-md-6 .col-md-6 {
        width: 100%;
        float: none;
    }
    
    .section_4 .col-md-6 .col-md-3, .section_4 .col-md-6 .col-md-9 {
        width: 50%;
        float: left;
    }
    
    .section_6 h3 {
    }
}
/* / / Mobile View / / */
@media screen and (min-width: 100px) and (max-width: 550px) {
    .slick-slide .caption h3 span {
        transform: rotate(
    0deg
    ) translate(0px, 0px);
        display: block;
        font-size: 45px;
        line-height: 55px;
    }
    
    .slider .inner-item .caption {
        width: 100%;
        padding: 60px 20px;
        background: hsl(0deg 0% 0% / 50%);
        z-index: 99999999;
    }
    
    .slick-slide .caption p {
        text-align: center;
        font-size: 13px;
        line-height: 23px;
    }
    
    .slick-slide .caption h3 {
        max-width: 100%;
        font-size: 20px;
        text-align: center;
    }
    
    .slick-slide .caption .more a {
        padding: 10px 20px;
        font-size: 20px;
    }
    
    .slick-slide .caption .more {
        text-align: center;
    }
    
    .slick-slide .caption .more:before {
        right: 0;
        width: 250px;
    }
    
    .slick-slide img {
        max-width: 70%;
        display: block;
        margin: 10px auto;
    }
    
    .section_1 .left, .section_1 .right {
        width: 100%;
        float: none;
    }
    
    .section_1 .left .headline h2 {
        text-align: center;
    }
    
    .section_1 .left .desc p {
        text-align: center;
        font-size: 13px;
        line-height: 23px;
    }
    
    .section_1 .left .repeater .main {
        border-bottom: 1px solid #eee;
        border-right: 0 !important;
        padding: 10px 0;
        min-height: 80px;
    }
    
    .section_1 .left .more:before {
        width: 70%;
        right: 0;
    }
    
    .section_1 .left .more {
        text-align: center;
    }
    
    .section_1 .branding {
        display: none;
    }
    
    section.section_1 .pic img {
        height: auto;
        margin: 40px auto;
    }
    
    .section_2 .col-md-4 {
        width: 100%;
        float: none;
    }
    
    .section_2 h2 {
        transform: rotate( 
    90deg
     ) translate(176px, -60px);
        padding: 0 230px;
    }
    
    .section_3 .branding-title h3 {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        transform: rotate(
    0
    );
        right: 0;
        text-align: center;
        line-height: 100px;
    }
    
    .section_4 .col-md-6 {
        width: 100%;
        float: none;
    }
    
    .section_4 .headline h2 {
        max-width: 100%;
        text-align: center;
        font-size: 25px;
        line-height: 35px;
    }
    
    .section_4 .tagline, .section_4 .desc {
        padding: 0 10%;
    }
    
    .section_4 .more a {padding: 10px 40px;}
    
    .section_4 .more a:before {
        width: 60%;
        right: 30px;
        bottom: 30px;
        top: initial;
        height: 30px;
    }
    
    .section_4 .more a {
        font-size: 15px;
    }
    
    .section_4 .branding-title h4 {
        position: relative;
        text-align: center;
        font-size: 40px;
        line-height: 50px;
    }
    
    .section_4 .branding-title h4 span {
        font-size: 60px;
        line-height: 80px;
    }
    
    .section_4 .before-title {
        display: none;
    }
    
    .section_5 {
        padding: 30px 0;
    }
    
    .section_6 {
    }
    
    .section_6 h4 {
        text-align: center;
        font-size: 35px;
        line-height: 45px;
    }
    
    .section_6 h3 {
        font-size: 100px;
        line-height: 110px;
    }
    
    .footer .menu li {
        display: block;
        text-align: left;
    }
    
    .footer .cta ul li {
        display: block;
        text-align: left;
    }
    
    .footer label input {
        width: 100%;
    }
    
    .footer input.es_subscription_form_submit {
        right: 0;
        top: 30px;
    }
    
    .cop p {
        font-size: 13px;
        line-height: 23px;
    }
    .section_1 .left h5 {
        text-align: center;
    }
    .woocommerce .woocommerce-result-count {
        float: none;
        text-align: center;
        width: 100%;
    }
    
    select.orderby {
        width: 100%;
    }
    
    .woocommerce .woocommerce-ordering {
        float: none;
        width: 100%;
    }
    
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important;
        float: none !important;
        padding: 0 10px;
    }
    .inner-banner h2 {margin-top: 70px;}
    .single-product .site-main {
        padding: 100px 0 0 !important;
        text-align: center;
    }
    
    .single-product .site-main .star-rating {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
        margin: auto;
    }
    
    .single-product .site-main .star-rating span {
        display: block !important;
        text-align: center !important;
        float: none !important;
        position: relative;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        display: block !important;
        margin: 10px !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        padding: 0 !important;
        margin: 0 !important;
    }
    .sec-cta .form input.wpcf7-form-control.wpcf7-submit {
        width: 100%;
    }
    .inner-banner h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .inner-banner {
        background-size: cover !important;
        background-position: center !important;
    }
    .section h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .products .pic {
        min-height: auto !important;
        height: auto !important;
    }
}