@media only screen and (max-width: 2400px) {}

@media only screen and (max-width: 1700px) {}

@media only screen and (max-width: 1340px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 976px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 870px) {
    img {
        width: 100%;
    }
.margin-top{
	margin-top: 85px;
}
.filter-box{
	    transform: translateX(-110%);
    position: absolute;
}
.filter-box.show{
	  transform: translateX(0);
	   position: initial;
}
.common-padding{
	padding: 0px 15px;
}

.res-logoo{
	margin-left:auto !important;
}

.top-bar{
	display:none;
}
.collection-slider .slick-next{
	display:none !important;
}

.banner-serv svg{
	width:100%;
}


.tabs-btn{
	           flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
		
}
.news-slider .slick-next{
		display:none !important;
}

.burger{
	width: 32px;
    height: 25px;
}
.burger span{
	    height: 2px;
}
.head-h2 h2 span{
	font-size: 30px;
}
.head-h2 h2{
	font-size: 30px;
}

.res-head-flex{
	    flex-wrap: wrap;
		        justify-content: center;

}
..scheme-img img{
	    height: 190px;
}
.view-all-btn button{
	    padding: 7px 15px;
    font-size: 14px;
}
.collection-box img{
	height: 200px;
    object-fit: contain;
    width: 100%;
}
.res-pt-mt{
	padding-top:20px !important;
	margin-top:0px !important;
}
.res-wrap{
	flex-wrap: wrap !important;
	justify-content: center !important;
}
.res-svg-h svg{
	height:200px;
}
.res-pt-0{
	padding-top:0px !important;
}
.who-we p{
	    font-size: 14px;
}
.tabs-btn button{
	margin-top:10px;
}
.hover-bg-btns button{
	padding: 5px 24px;
	font-size: 14px;
}
.cat-box img{
	    height: 200px;
		padding: 30px;
}
.testimonial-section-col .slick-slide {
	padding:0px !important;
}
.testi-cont-sec p{
	font-size: 15px;
	        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
}
.res-p-0{
	padding:0px !important;
}
.res-pt-5{
	padding-top:20px !important;
}
.res-pb-5{
	padding-bottom:20px !important;
}
.team-box h4{
	font-size: 19px;
}
.res-text-center{
	text-align:center;
}
.index-form form{
	padding-bottom:20px;
}
.res-center{
	text-align:center;
}

.burger-menu{
	 width: 90%;
	top: 84px;
}
.burger input:checked~span:nth-of-type(3){
	transform: rotate(-45deg);
    top: 23px;
    left: 1px;
}

.banner-serv h3{
	font-size: 26px;
}


.burger input:checked~span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 0px;
    left: 2px;
}
.form-inputs input{
	margin-bottom:20px;
}
.res-mt-0{
	margin-top:0px !important;
}
.res-m{
	margin:10px;
}
.news-h2{
	font-size: 24px;
}
/* .listing-flex { */
	    /* flex-wrap: wrap; */
/* } */
.search-input{
	margin-left: auto;
        padding-right: 10px;
}
.listing-flex{
	
}
.listing-flex button{
	    font-size: 18px;
		    margin-left: 10px !important;
}
.header-flex{
	    flex-direction: row-reverse !important;
}
.cate-slider .slick-next{
	display:none !important;
}
.head-h2{
	text-align:center;
}
.view-all-btn{
	margin:auto !important;
}
.filer-res-flex{
	
}
.filter-box h5{
	    font-size: 18px;
}
.filter-box label{
	font-size: 14px;
}
.form-check{
	padding-left: 13px;
}
.form-check-input{
	width: 13px;
    height: 13px;
	    margin-top: 7px;

}
.accordion-button{
	    font-size: 14px;
}
.listinhg-ul li a{
	    font-size: 14px;
	
}
.cat-box{
	margin:0px 4px;
}

.news-box button{
	    margin-top: 12px;
}


.res-flex{
	flex-direction: column;
}
.res-p-none{
	padding:10px !important;
}
    .carousel-caption {
        left: 7%;
        bottom: 4.25rem;
        display: block !important;
    }

    .carousel-item img {
        height: 50vh;
        object-fit: cover;
    }
	.carousel-item video {
        height: 50vh;
        object-fit: cover;
    }
	.baner-btn-div button{
		    padding: 9px;
font-size: 12px;
z-index:5;
	}
	.collection-slider .slick-prev{
		display:none !important;
	}
	.baner-btn-div {
    position: absolute;
    right: 24px;
    bottom: 23px;
}
	
	
	
.testimonial-sec .slick-next{
	    border: 0;
    background: transparent;
    font-size: 0;
	background-image:url("../images/index/right.png");
	height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    position: absolute;
     top: -60px;
    right: 0;
}

.testimonial-sec .slick-prev{
	    border: 0;
    background: transparent;
    font-size: 0;
	background-image:url("../images/index/lee.png");
	height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    position: absolute;
   top: -60px;
    right: 40px;
}

.news-detail img{
	    height: 208px;
}

.dropdown-menu{
display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    background-color: #004028;
    padding: 10px;
    border: 1px solid #ccc;
    padding-right: 0;
    width: 100%;
}
.dropdown-menu ul .submenu{
	width: 100%;
	    top: 130px;
    left: 0;
	        Z-INDEX: 9999;
}
.res-filter-btn{
	background-color: #004028;
        color: white ! IMPORTANT;
        width: fit-content;
        padding: 4px 10px;
        border-radius: 4px;
}

    .carousel-control-next-icon::after {
        content: ">";
        position: absolute;
        top: -4px;
        right: 7px;
        font-size: 23px;
        color: #00B087;
        direction: ltr;
    }

    .carousel-control-next-icon {
        width: 1rem;
        height: 1rem;
        background: white;
        opacity: 1;
        border-radius: 90px;
        padding: 13px;
        position: relative;
    }

    .carousel-control-next {
        right: 2px;
    }

    /* .carousel-control-prev-icon { */
        /* width: 1rem; */
        /* height: 1rem; */
        /* background: white; */
        /* opacity: 1; */
        /* border-radius: 90px; */
        /* padding: 13px; */
        /* position: relative; */
        /* direction: ltr; */
    /* } */

    /* .carousel-control-prev-icon::after { */
        /* content: "<"; */
        /* position: absolute; */
               /* top: -8px; */
        /* right: 6px; */
        /* font-size: 27px; */
        /* color: #00B087; */
    /* } */

    .carousel-control-prev {
        display:none;
    }
	.carousel-control-next {
        display:none;
    }


    .carousel-caption h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .baner-span {
        line-height: 32px;
        font-size: 30px;
    }

    .carousel-caption br {
        display: none;
    }

   


}

@media (max-width: 1920px) {
    .register-btn-primary {
        font-size: calc(12px + (12 - 12) * (100vw - 1600px) / 320);
        padding-left: calc(64px + (64 - 64) * (100vw - 1600px) / 320);
        padding-right: calc(64px + (64 - 64) * (100vw - 1600px) / 320);
    }

}

@media (max-width: 1920px) {
    .register-btn-primary {
        line-height: calc(20px + (20 - 20) * (100vw - 1600px) / 320);
    }
}