@media screen and (max-width:1350px){
	.maindiv{margin-left: -15px;}
}
@media screen and (max-width:1200px){
	.nav-right ul li a{padding: 0 15px; font-size: 20px;}
	.maindiv h2, .maindiv span{font-size: 25px;}
	.maindiv p{font-size: 16px;}
	#ourcompareapp .headingtitle h2{font-size: 50px; line-height: 50px;}
	#ourcompareapp .headingtitle span{font-size: 30px; margin-top: -25px;}
}
@media screen and (max-width:1199px){
#home{overflow: visible; padding-top: 200px;}
.inner-overlay.gradient{height: 100%;}
.header .container { position: relative; margin: 0 auto; overflow: hidden;  margin-bottom: -40px; padding-top: 15px;}
#partnerapp .partnermain{padding: 0; justify-content: center; display: flex;}
#partnerapp .parlogo{width: 25%;}
}
@media screen and (max-width:1160px){
	.container{padding:0 15px;}
}
@media screen and (max-width:991px){
.nav-right ul li a{padding: 0 7px; font-size: 18px;}
#ourservice .servicemain p{max-width: 100%;}
#ourcompareapp .imgdec .rightdec .deccompareapp p{font-size: 15px; margin-bottom: 25px;}
#ourcompareapp .deccompareapp ul li img{margin-right: 10px;}
#ourcompareapp .imgdec .rightdec .deccompareapp p{margin-bottom: 18px;}
#ourcompareapp .deccompareapp ul li p{font-size: 15px; margin-bottom: 20px;}
#ourcompareapp .compareappmain2 .imgcompareapp .imgdiv{padding:20px 20px 0 0; }
#ourcompareapp .compareappmain2 .imgcompareapp a::after{right: -20px; top: -20px;}
#ourcompareapp .imgdec .rightdec{padding-top: 15px;}
#reviewsec .review-row1{max-width: 100%;}
#reviewsec .reviewdec h2{font-size: 35px;}
#clientservice .servicemain p{font-size: 15px;}
#partnerapp .parlogo{padding: 0 15px;}
.left-footer .footerdec{font-size: 16px;}
#clientservice .servicemain{ padding: 30px 10px 14px 10px; }
#footersec{padding-top: 130px;}

}
@media screen and (min-width:768px){
	.menu-icon{ display: none; }
	.close-nav svg{display: none;}
}
@media screen and (max-width:767px){
.main-nav{background-color: #0185c7; padding-bottom: 18px; padding-top: 18px;}
#nav{position: static; min-height: auto;}
.main-nav.fixed{position: static !important;}

.menu-icon { width: 25px; height: 16px; float: right;margin:8px 0 0; cursor: pointer;}
.menu-icon span { width: 100%; height: 2px; background: #fff; display: block;}
.menu-icon span:nth-child(2) { margin: 5px 0;}
#nav .nav-right{ -webkit-box-pack: end;-ms-flex-pack: end; justify-content: flex-end;  position: fixed; z-index: 5; background: #1d1d1d; top:0; left: 100%; right: 0; width: 100%; max-height: 100%; overflow: auto;
padding: 70px 32px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; 
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.2);  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.2); display: 
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#nav .nav-right.open {left: 0; opacity: 1; visibility: visible;}
.close-nav svg{fill: #fff; width: 15px; height: 15px; position: fixed; left: auto; right: 20px; top: 26px; cursor: pointer;}
.nav-right ul li{width: 100%; margin-bottom: 15px;}
.nav-right ul li:last-child{margin-bottom: 0;}
.nav-right ul li a{width:100%;}
.nav-right ul{overflow: auto;}
#home{padding-top: 60px; text-align: center;}
.top-dec{max-width: 100%;}
.maindiv{margin: 0 0 20px;}
.maindiv a{float: none;}
.maindiv .trynow{ text-align: center; }
.computerimg{max-width: 100%; padding-right: 0; text-align: center;}
#ourcompareapp .compareappmain .imgdec{width: 100%; flex: initial; max-width: 100%; text-align: center;} 
.imgcompareapp .imgdiv{float: none; display: inline-block; vertical-align: top; text-align: center; width: auto;}
#ourcompareapp .imgdec.rightdiv{padding: 0 15px; text-align: left !important;}
#ourcompareapp .imgdec.imgcompareapp{margin-bottom: 30px;}
#ourcompareapp .compareappmain2 .imgdec.rightdiv{padding: 0 15px;} 
#ourcompareapp .compareappmain2 .imgdec.rightdiv{order: 2;}
#ourcompareapp .compareappmain2 .imgdec.imgcompareapp{order: 1;}
#ourcompareapp .compareappmain2 .imgcompareapp .imgdiv{float: none;} 
#amezingapp h2, #amezingapp .clorchnge{font-size:35px;}
#amezingapp p{max-width: 85%; margin-bottom: 50px;}
#reviewsec .reviewdec h2{font-size: 28px;}
#reviewsec .reviewdec span{font-size: 15px;}
#footersec{padding-top: 100px;}
.left-footer .footerdec{font-size: 14px;}
#partnerapp .parlogo{min-height: 115px;}
#partnerapp .parlogo img{padding: 5px;}
}
@media screen and (max-width:575px){
	#ourservice .ourfunction{padding-top: 0; padding-bottom: 30px;}
	#ourservice{margin-bottom: 40px;}
	#ourcompareapp{padding-bottom: 40px;}
	#reviewsec .reviewdec{width: 33.333%;}
	.right-footer{text-align: left;}
	.copyrightby span, .copyrightby a{width: 100%; padding-bottom: 10px;}
	.copyrightby span{ border-top: 1px solid rgba(242, 242, 242, 0.5); padding-top: 15px; }
	.sp-title h2, .sp-title span{font-size: 25px;}
	.logo h2{font-size: 30px;}
	.logo-footer h2{font-size: 30px;}
	.left-footer{padding-bottom: 15px;}
	.right-footer ul li:first-child{padding-left: 0;}
	.sp-title{background-position: center 45px;}
	#footersec{padding-top: 80px;}
	.right-footer .contactinfo{font-size: 22px;}
	.right-footer .contact-no{font-size: 17px;}
	#ourcompareapp .imgdec .rightdec .deccompareapp p{margin-bottom: 25px;}
	#partnerapp .parlogo{min-height: 100px;}
	#partnerapp .parlogo img{padding: 2px;max-height: 60px;}
}
@media screen and (max-width:480px){
.right-footer ul li svg{height: 20px; width:20px;}
.logo h2{font-size: 25px;}
#home{padding-top: 40px;}
.top-dec{padding: 0;}
.maindiv h2, .maindiv span{font-size: 21px;}
.maindiv {margin-bottom: 25px;}
.header .container{margin-bottom: -30px;}
#ourservice{margin-bottom: 20px;}
#ourcompareapp .imgdec.imgcompareapp{margin-bottom: 10px;}
#ourcompareapp .headingtitle h2{font-size: 40px;}
#ourcompareapp .headingtitle span{font-size: 25px;}
#ourcompareapp{padding-bottom: 20px;}
.reviewdec img{width: 45px;}
#reviewsec .reviewdec h2{font-size: 22px;}
#reviewsec .reviewdec{padding: 0 10px;}
#reviewsec .reviewdec span{font-size: 13px;}
#clientservice{padding-top: 40px; padding-bottom: 40px;}
.sp-title h2, .sp-title span{font-size: 23px;}
.sp-title { background-position: center 40px;}
#partnerapp{margin: 40px 0;}
#ourcompareapp .imgdec .rightdec .deccompareapp p{font-size: 14px;}
#partnerapp .sp-title{margin-bottom: 30px;}
#partnerapp .partnermain{display: block;}
#partnerapp .parlogo{width: 50%; margin-left: 0; box-shadow: 0px 0px 7px rgba(0,0,0, 0.2);}
.top-img{top: -2px;}
#footersec{padding-top: 50px;}
.logo-footer h2{font-size: 25px;}
}