/* responsive */

/*syt*/
@media only screen and (min-width : 1920px) and (max-width : 2559px){}

/*syt*/
@media only screen and (min-width : 1600px) and (max-width : 1919px){
    
		.section-products .container{width: 1200px;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }
}

/*syt*/
@media only screen and (min-width : 1440px) and (max-width : 1599px){
    .nav__side .nav2 ul li a{    padding: 3px 22px;}
.sections .section-1__text{width: 1300px;}
.sections .section-3__text{width: 1300px;}
.slide__inner{width: 100%;}
.blog { padding: 30px;}
    .hero p { grid-column: 2 / 9;}
	.section-products .container{width: 1300px;}
		.section-products .container{width: 1200px;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }

 .sections .section-1__photo {
    height: 480px;background-size: contain;
  }


}

/*syt*/
@media only screen and (min-width : 1366px) and (max-width : 1439px){
    .nav__side .nav2 ul li a{    padding: 3px 18px;}
.sections .section-1__text{width: 1200px;}
.sections .section-3__text{width: 1200px;}
.slide__inner{width: 100%;}
.blog { padding: 30px;}
    .hero p { grid-column: 2 / 9;}
	.section-products .container{width: 1200px;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }
}

/*syt*/
@media only screen and (min-width : 1200px) and (max-width : 1365px){

  .sections .section-1__text{width: 1100px;}
.sections .section-3__text{width: 1100px;}
.slide__inner{width: 100%;}
.blog { padding: 30px;}
    .hero p { grid-column: 2 / 9;}
	.section-products .container{width: 1100px;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }



.nav__side .nav2 ul li a{padding: 3px 12px;}
.nav__side .nav2 .downloadApp a{font-size: 15px;}




}

/*Tab-syt*/
@media only screen and (min-width : 1024px) and (max-width : 1199px){

     .sections .section-1__text{width: 950px;padding-left: 9%;}
.sections .section-3__text{width: 950px;padding-left: 9%;}
.slide__inner{width: 100%;}
.blog { padding: 30px;}
    .hero p { grid-column: 2 / 9;}
	.section-products .container{width: 950px;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }

    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3), .nav2 ul li:nth-last-of-type(4), .nav2 ul li:nth-last-of-type(5) {
        display: block!important;
    }


.header__navigation-wrapper{top: 100%;border-radius:0;padding: 32px;}
.nav2 ul{line-height: 31px;}
    .submenu-list__wrapper {
        margin-top: 0px;
    }
.header__list-item .submenu-wrapper{width: 100%;}
.hero__subhead{margin-bottom: -4.5rem;}
.hero__heading .heading__3{    margin-top: 0vh;}
.hero__heading span{font-size: 1.5rem;font-weight: 600;}
    .sections .section-1__photo {   height: 340px;background-size: contain;    }

    .collection .col-lg-3{        flex: 0 0 50%;
        max-width: 50%;}
.n-sect {
    padding: 11px;}
    .blog .article-title{width: 100%;}
.blog main{margin-top: 5vh;}

.bg-sect{height: 35vh;}
.bg-sect h4{margin-top: 13vh; font-size: 33px;}
.nav__side .nav2 ul li a{    padding: 8px 30px;}


}

/*Tab-exta
@media only screen and (min-width : 911px) and (max-width : 1023px){


}*/



/*Tab*/
@media only screen and (min-width : 768px) and (max-width : 1023px){

     .sections .section-1__text{width: 650px;padding-left: 9%;}
.sections .section-3__text{width: 650px;padding-left: 9%;}
.slide__inner{width: 100%;}
.blog { padding: 30px;}
    .hero p {grid-column: 2 / 2;    text-align: left;}
    .hero__photo {
    grid-column: 4 / -1;}
	.section-products .container{width: 650px;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }

    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3), .nav2 ul li:nth-last-of-type(4), .nav2 ul li:nth-last-of-type(5) {
        display: block!important;
    }

.nav__side .nav2 ul li a{    padding: 8px 30px;}

.header__navigation-wrapper{top: 100%;border-radius:0;padding: 32px;}
.nav2 ul{line-height: 31px;}
    .submenu-list__wrapper {
        margin-top: 0px;
    }
.header__list-item .submenu-wrapper{width: 100%;        margin-bottom: 1vh;}
.hero__subhead{margin-bottom: -4.5rem;        font-size: 30px;}

.hero__heading{grid-column: 3 / 2;}

.hero__heading .heading__3{    margin-top: 0vh; text-align: left; padding-right:0;
    }
    .sections .section-1__photo {
        height: 260px;
    }
    
.sections .section-1__text h3 {
    font-size: 26px;
    margin-top: 4vh;
    margin-bottom: 2vh;
    line-height: 37px;
}

    .collection .col-lg-3{        flex: 0 0 50%;
        max-width: 50%;}
.n-sect {
    padding: 11px;}
    .blog .article-title{width: 100%;}
.blog main{margin-top: 5vh;}

    .nav2 ul {
        display: block;
    }

.section-products .list-products{grid-template-columns: repeat(2, 1fr);}
.sections{ 
    row-gap: 10px;}


.bg-sect h4{margin-top: 20vh;}




}




/*Mob*/
@media only screen and (min-width : 150px) and (max-width : 767px){
.downloadApp{display: none;}
  .sections .section-1__text{width: 87%;
        padding-left: 12%;;}
.sections .section-3__text{width: 87%;
        padding-left: 12%;}
.slide__inner{width: 100%;}
.blog { padding: 30px;}
    .hero p { text-align: left;}
    .hero__photo {
    grid-column: 1 / -1;     grid-row: 4 / -1;
    z-index: -1;
    display: flex;
    width: 85%;
    max-height: 85%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
    background-position: right bottom; height: 25vh;}
	.section-products .container{width: 100%;}
	    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3) {
        display: block;
    }

    .nav2 ul li:nth-last-of-type(1), .nav2 ul li:nth-last-of-type(2), .nav2 ul li:nth-last-of-type(3), .nav2 ul li:nth-last-of-type(4), .nav2 ul li:nth-last-of-type(5) {
        display: block!important;
    }

.nav__side .nav2 ul li a{    padding: 8px 30px;}
.header__navigation-wrapper{top: 100%;border-radius:0;padding: 30px 10px;}
.nav2 ul{line-height: 31px;}
    .submenu-list__wrapper {
        margin-top: 0px;
    }
.header__list-item .submenu-wrapper{width: 100%;}
.hero__subhead{margin-bottom: -4.5rem;        grid-column: 1 / -1;
    grid-row: 1 / span 2;    font-size: 18px;}

.hero__heading{display: block; }

.hero__heading .heading__1{ line-height: 60px;}
.hero__heading .heading__2{ line-height: 60px;}
.hero__heading .heading__3{  line-height: 60px;  margin-top: 0vh; text-align: left; padding-right:0;
    }
    .sections .section-1__photo {
        height: 260px;
    }
    
.sections .section-1__text h3 {
    font-size: 26px;
    margin-top: 4vh;
    margin-bottom: 2vh;
    line-height: 37px;
}

 
.n-sect {
    padding: 11px;}
    .blog .article-title{width: 100%;    font-size: 22px;
    line-height: 35px;}
.blog main{margin-top: 5vh;    margin-right: 0px;}

    .nav2 ul {
        display: block;
    }

.section-products .list-products{grid-template-columns: repeat(1, 1fr);}
.sections{ 
    row-gap: 10px;}
.hero p {
    grid-column: 2 / 7;
    grid-row: 8 / 7;}
.sections .section-1 {
    grid-column: 13 / 1;
    grid-row: 1 / span 1;
}


.sections .section-3__photo{    min-height: 26vh;}

.slider{padding: 0px;}
.slide img{height: 63vw;}
.titles__title{    padding-left: 9vh;    font-size: 9vw;}

footer p{    padding: 10px;
    margin-bottom: 0;}

#slider-container .bullets-container{        bottom: 20%;}
.section-products {
    padding-top: 30px;padding-bottom: 30px;}
.barand img{padding: 10px 10px;
    width: 180px;}
.nav__side .nav2{padding: 0 15px;}
.section-products .list-products .lux-bu button{margin-top: 1vh;}
.contact-social > ul {
    list-style-type: none;

}
.contact-social ul li a{margin: 0 5px;}
.contact-area{padding: 14px;}

.bg-sect h4{margin-top: 10vh;}
.hero__subhead{margin-right: 10%;}


.collection {
    padding: 32px;
    padding-top: 50px;
}
.contact-content img {
    max-width: 50%;
}





.hero{padding-left: 2rem;}
.blog h3{width: 100%;}




}


@media only screen and (max-width: 375px) {
    #slider-container .bullets-container{width: 55%;}
    .section-products .list-products .product{margin-top: 5vh;}
}


@media only screen and (max-width: 320px) {
.section-products .list-products .product{        margin-top: 4vh;}
  .hero__subhead{margin-bottom: -4.5rem;        grid-column: 1 / 9;
    grid-row: 1 / span 2;    font-size: 18px;}

.hero__subhead{margin-right: 5%;}

    .bg-sect h4 {
        margin-top: 15vh;
        font-size: 30px;
        line-height: 42px;
    }



}