@media (min-width: 1400px){
	.container{
		max-width: 1320px;
	}
}
@media (min-width: 1280px) and (max-width: 1366px) {
	.row-sec-2 .bg-img{
		background: url(../images/coconut-bg.png)no-repeat center center/158%;
	}
}
@media (max-width: 1200px) {
     .nav-menu li {
        margin-left: 10px;
    }
     .common_h1, h1 {
        font-size: 28px;
    }
     .common_h2 {
        font-size: 28px;
    }
}
 @media (max-width: 991px) {
     body{
        font-size: 15px;
        line-height: 26px;
    }
     section {
        padding: 50px 0px;
    }
	.common_h1, h1{
		font-size:27px;
	}
	.common_h2, h2{
		font-size:24px;
	}
    .banner h1{
		font-size:24px;
	}
	
}
 @media (min-width: 992px) and (max-width: 1024px) {
     
     .common_h1{
        font-size:30px;
    }
     .common_h2{
        font-size:28px;
    }
     p{
        font-size:15px;
    }

	.banner h1{
		font-size:45px;
	}
	.inner-img img{
		min-width: 1100px;
	}
	.flexslider .slides img{
		max-width:330px;
	}
	.row-sec-2 .bg-img{
		background:url(../images/coconut-bg.png)no-repeat center center/200%;
	}
	.brand-row-sec-1 .product-content p{
		padding: 8px 15px;
		width: 195px;
	}
}
 @media (min-width: 768px) and (max-width: 991px) {
    body, p {
		font-size: 14px;
		line-height: 22px;
	}
    .banner, .flexslider{
		height:330px;
	}
	.flexslider .slides img{
		max-width:280px;
	}
	.banner h1{
		font-size:40px;
		line-height:normal;
	}
	.fixed-top1{
		height:69px;
	}
	.row-sec-1::before{
		width: 150px;
		height: 150px;
		background:url(../images/abt-img-1.png)no-repeat center center/100%;
	}
	.row-sec-1::after{
		width:150px;
		background:url(../images/abt-img-2.png)no-repeat center center/100%;
	}
	.row-sec-2 .bg-img{
		background:url(../images/coconut-bg.png)no-repeat center center/300%;
	}
	.pro-sec-1 h2{
		margin-top:30px;
	}
	.single-contact-box{
		min-height: 220px;
	}
	.box-form{
		margin-top:35px;
	}
	.cont-row-sec-1{
		padding-bottom:35px;
	}
	.brand-row-sec-1 .product-content {
		max-width: 300px;
		margin: 0 auto;
	}
	.brand-row-sec-1 .product-content p{
		padding: 11px 25px;
		width: 225px;
		font-size: 17px;
	}
}
 @media (max-width: 767px) {
	 
     body {
        font-size: 15px;
        line-height:24px;
    }
	section .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	 section {
        padding: 35px 0px;
    }
	.banner-cnt{
		text-align:center;
	}
	.banner-right-img{
		bottom:0;
	}
	.banner-right-img img {
		max-width: 290px;
	}
	
	.contact-form.pt-0.pb-0 {
		width: 100%;
		padding: 0 25px;
	}
	.footer-area .col-md-6 {
		text-align: left;
	}
	.card{
		margin-bottom:15px;
	}
	.login {
		float: right;
		margin: 16px 80px 0 0;
	}
	.list-style li span {
		float: left;
		width: 90%;
		margin-left: 3%;
	}
	.footer-box{
		margin-bottom:20px;
	}
	.row-sec-0 ul li h6 {
		font-size: 16px;
	}
	.row-sec-0 ul li p {
		color: #74788D;
		font-size: 13px;
	}
	.row-sec-1{
		padding-bottom:50px;
	}
	.owl-carousel.brands .item{
		margin:0;
	}
	.owl-theme.brands .owl-nav{
		right:35px;
	}
	.top-menu {
		float: none;
		margin: 0 auto;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.banner{
		background: url(../images/mobile-banner.png) no-repeat center/100%;
		height: 400px;
		background-size: cover;
	}
	.flexslider, .flexslider .slides > li{
		height: 400px;
	}
	.flexslider .slides img{
		margin-top:20 !important;
		max-width:235px;
	}
	.login {
		float: right;
		margin: 16px 70px 0 0;
	}
	.inner-banner{
		padding:0 0 0;
	}
	.inner-text h1{
		margin-top:-15px;	
	}
	.abt-sec-1 img{
		margin-bottom:20px;
	}
	.inner-img img {
		width: 100%;
		float: left;
		min-width: 850px;
	}
	.box-form{
		margin-top: 30px;
	}
	.row-sec-1::before, .row-sec-1::after{
		display:none;
	}
	.row-sec-2 .bg-img{
		display:none;
	}
	.row-sec-3 p{
		margin-bottom:50px !important;
	}
	.flex-caption p{
	   font-size: 14px;
	   line-height: 22px;
	}
	.banner h1{
		font-size:28px;
		margin-top: 10px;
	}
	.btns, .btns1{
		padding:6px 20px;
		font-size:14px;
	}
	.flex-caption{
		padding:70px 0 0;
		width:83%;
		max-width:500px;
		text-align:center;
		left: 35px;
	}
	.pro-sec-1 h2{
		margin-top:30px;
	}
	.flexslider .slides img{
		margin:15px 0 0 0px;
	}
	.flex-caption .col-md-7.text-left{
		text-align: center !important;
	}
	.single-contact-box{
		margin-bottom:25px;
	}
	.mb-text-center{
		text-align:center;
	}
	.inner-text{
		top:65%;
	}

	.brand-row-sec-1 .product-content {
		max-width: 300px;
		margin: 0 auto;
	}
	.brand-row-sec-1 .product-content p{
		width: 225px;
		font-size: 17px;
		padding: 8px 20px;
	}

}