@media screen and (max-width: 1660px){
	.bannerwrp{background-size: 100% 100%;padding: 150px 0 200px;}
	.bannerwrp .mainwrp .txtwrp h1{font-size: 80px;}
	.bannerwrp .mainwrp .txtwrp p{font-size: 20px;}
	.frstfold_sec .txtwrp p{width: 85%}
}
@media screen and (max-width: 1500px){
	.bannerwrp .mainwrp .imgwrp img {width: 150px;}
}
@media screen and (max-width: 1440px){
	.bannerwrp .mainwrp .txtwrp h1{font-size: 70px;}
	.bannerwrp .mainwrp .txtwrp p{font-size: 18px;}
	.txtwrp h2{font-size: 50px !important;line-height: 60px;}
	.txtwrp p {font-size: 16px !important;}
	.reviews_sec .reviewbox p {font-size: 16px;height: 100px;}
	footer .txtwrp h2 {width: 90%;}
}
@media screen and (max-width: 1366px){
	.reviews_sec .reviewbox p{font-size: 14px;height: 95px;}
}
@media screen and (max-width: 1280px){
	.bannerwrp .mainwrp .txtwrp h1 {font-size: 60px;line-height:60px !important }
	.bannerwrp .mainwrp .txtwrp img {width: 70%; }
	.solution_sec .mainwrp .pointwrp{padding: 15px 0;}
	.solution_sec .mainwrp .pointwrp img {width: 40px; }
	.solution2_sec .boxwrp img{width: 45px; }
	.solution2_sec .boxwrp p{font-size: 14px; width: 80%;}
	.reviews_sec .reviewbox p{font-size: 13px;line-height: 22px;height: 100px;}
	footer .txtwrp h2 {width: 100%; }
}

@media screen and (max-width: 1240px){
	header .logowrp a img {width: 100%; }
	header .navwrp ul li{margin: 0 10px 0px 10px}
	header .navwrp ul li a{font-size: 13px}
	.btnwrp .btn-1,
	.btnwrp .btn-2{font-size: 13px;padding: 10px 20px}
}

@media screen and (max-width: 1199px){
	.container-cst {padding: 0 0%; }
	.btnwrp .btn-1 i,
	.btnwrp .btn-2 i{font-size: 16px !important; margin-right: 2px !important; vertical-align: middle !important;}
	.btnwrp .btn-1,
	.btnwrp .btn-2{font-size: 13px;padding: 10px 17px}
	header .navwrp ul li a {font-size: 12px; }
	.frstfold_sec .txtwrp p {width: 100%; }
	footer .txtwrp p{width: 90%}
	.reel_section .portwrp ul li .portbox .imgwrp img{height: 450px;}
	.reel_section .portwrp ul li .portbox .txtdiv .smaltxt h6{font-size: 16px;}
	.reviews_sec .reviewbox p{height: 100px;}
}

@media screen and (max-width: 1024px) {
    .container-cst {padding: 0 2%;}
    .bannerwrp {padding: 110px 0 170px; }
    .bannerwrp .mainwrp .imgwrp img {width: 120px; }
    .bannerwrp .mainwrp .txtwrp h1 {font-size: 50px; }
    .txtwrp h2 {font-size: 40px !important; line-height: 50px !important; }
    .txtwrp p {font-size: 14px !important;line-height: 24px !important; padding:10px 0 !important }
    .txtwrp h4{font-size: 12px}
	.solution_sec .mainwrp .pointwrp {padding: 10px 0; }
	.solution_sec .mainwrp .pointwrp img {width: 35px; }
    .solution_sec .mainwrp .pointwrp span{font-size: 14px;}
    .frstfold_sec,
    .solution_sec,
    .galler_sec,
    .solution2_sec,
    .reel_section,
    .reviews_sec,
    .product_sec,
    footer{padding: 50px 0}
    footer .txtwrp h6{font-size: 28px;}
    .solution2_sec .boxwrp p{width: 90%}
}

@media screen and (max-width: 991px){
	header .navwrp,
	header .btnwrp{display: none;}
	header .logowrp a img {width: 150px; }
	.solution_sec .mainwrp .pointwrp span{margin-left: 5px;}
	.solution_sec .mainwrp .pointwrp img {width: 30px; }
	.solution2_sec .boxwrp p {width: 100%;font-size: 12px; }
	.solution2_sec .boxwrp img {width: 40px;padding: 10px 0; }
	.solution2_sec .boxwrp h4{font-size: 18px}
	.solution2_sec .boxwrp{padding: 30px 0 10px}
	.reel_section .txtwrp p{width: unset;}
	.reel_section .portwrp ul li{margin: 0}
	.reel_section .portwrp ul li .portbox .imgwrp img{width: 95%}
	.reel_section .portwrp ul li .portbox span{width: 40px;height: 40px}
	.reel_section .portwrp ul li .portbox span i{padding: 10px 0 0px 0px; font-size: 16px}
	.reviews_sec .reviewbox .detailwrp span{padding: 9px 15px; font-size: 14px;}
	.reviews_sec .reviewbox{padding: 18px}
	.product_sec .product_box img{height: 250px}
	.btnwrp .btn-1,
	.btnwrp .btn-2{font-size: 13px;padding: 12px 22px;}
}

@media screen and (max-width: 768px){
	.txtwrp h2 {font-size: 30px !important; line-height: 40px !important; }
	.reviews_sec .reviewbox p{height: 80px;}
	.reviews_sec .reviewbox .detailwrp{gap: 10px}
	.product_sec .my_col_resp{ flex: 0 0 25%; max-width: 25%; }
	.product_sec .col-md-4.my_col{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 49.333333%; max-width: 49.333333%; }
	.galler_sec .txtwrp p{width: unset;}
	.txtwrp h4{padding: unset;}
	.txtwrp h4:before,
	.txtwrp h4:after{top: 6px}
	footer .txtwrp .btnwrp .btn-2{display: none;}
	.reviews_sec .reviewbox p{font-size: 13px}
}

@media screen and (max-width: 767px) {
	.bannerwrp .mainwrp .txtwrp img {width: 50%; }
    .container-cst {max-width: 720px; }
    .solution_sec .btnwrp,
    .galler_sec .btnwrp,
    .solution2_sec .btnwrp,
    .reviews_sec .btnwrp,
    footer .txtwrp .btnwrp{margin: 20px 0}
    .reviews_sec .reviewbox{margin-bottom: 10px}
    .reviews_sec .reviewbox p{font-size: 14px;/* height: unset; */}
    .reviews_sec .btnwrp{margin-top: 70px}
}


@media screen and (max-width: 600px){
    .bannerwrp {padding: 80px 0 50px; }
    .solution2_sec .boxwrp p{width: 60%}
    .reel_section .col-md-12.p-0{padding: 0 15px !important;}
	.reel_section .portwrp ul li {width: 60%; margin: 0 auto 20px; display: block; }
    .reel_section .portwrp ul li .portbox .imgwrp img {width: 100%; }
    .txtwrp h4{margin-left: 0;}
    .txtwrp h4:before,
    .txtwrp h4:after{display: none;}
    .mobile-nav-btn{top: 20px}
    .reviews_sec .reviewbox p {font-size: 12px; height: 100px; }
}

@media screen and (max-width: 576px){
	.container-cst {padding:0 5% }
	.reviews_sec .reviewbox p{height: unset;padding-bottom: 10px}
}
@media screen and (max-width: 480px){
	.bannerwrp .mainwrp .txtwrp h1 {font-size: 40px; }
	.bannerwrp .mainwrp .txtwrp p{font-size: 12px !important}
	.product_sec .col-md-4.my_col {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 99.333333%; max-width: 99.333333%; }
	.reel_section .portwrp ul li {width: 80%;}
	.reviews_sec .reviewbox .detailwrp .namewrp h4{font-size: 12px}
	.reviews_sec .reviewbox .detailwrp .namewrp p{font-size: 10px;line-height: 14px}
}

@media screen and (max-width: 400px){
	.txtwrp p{padding: 0 !important}
	/*.solution2_sec .btnwrp{text-align: unset;}*/
	.solution2_sec .btnwrp .btn-2{font-size: 12px}
}

@media screen and (max-width: 320px){
	.bannerwrp {padding: 40px 0 20px; }
	.bannerwrp .mainwrp .imgwrp img {width: 100px; }
	.bannerwrp .mainwrp .txtwrp h1 {font-size: 36px; }
	.bannerwrp .mainwrp .txtwrp img {width: 70%;}
	.bannerwrp .mainwrp .txtwrp p {font-size: 10px !important; }
	.txtwrp h2 {font-size: 26px !important; line-height: 36px !important; }
	.frstfold_sec,
    .solution_sec,
    .galler_sec,
    .solution2_sec,
    .reel_section,
    .reviews_sec,
    .product_sec,
    footer{background-size: 100%}
}

.mobile-nav-btn.active span.lines {top: 9px; transform: rotate(48deg); transition: unset; left: 0px; }
.mobile-nav-btn.active span.lines::before {top: -6px; transform: rotate(85deg); transition: unset; left: 6px; }
.mobile-nav-btn.active span.lines::after {display: none; }