@media only screen and (max-width : 1024px) {
.maincont{ width:98%;}
.client-box-wraper{ width:100%;}
.client-box{ margin-bottom:5px;}
.aboutright{ width:80%;}
}

@media only screen and (min-width : 768px) and (max-width : 1019px) {
.maincont{width:100%;}
.topheader {padding:15px;}
.redbottpart {font-size:26px; line-height:36px;}
.bodypart{padding:35px 15px;}
.bannertextbox {top:5%; padding:15px;}
footer {padding: 20px 15px 30px}
.footermidd {width: 35%;  padding: 18px 20px 0 19px;}
.footerleft {width:41%; padding-right:9px;}
.redbottpart {font-weight:300; font-size:20px; line-height:31px;}
.bodybox { padding: 0 3% 30px 3%; width:44%;}
.aboutleft{width:20%; height:auto; float:left; margin-right:23px; }
.aboutright{width:76%; height:auto; float:left; } 

.contactleft{width:40%; height:auto; float:left; margin-right:20px; }
.contactright{width:54%; height:auto; float:left; }
.bannertextbox p{padding-bottom:0px;}
}



@media only screen and (min-width : 640px) and (max-width : 767px) {
.maincont{width:100%;}
.topheader {padding:15px;}
.rightpart {width:450px;}
.bannertextbox {padding:15px; width:446px; font-size: 18px; line-height: 22px; top:8%;}
.bannerheading {
    font-size: 23px;
    line-height: 31px;
    padding: 0 0 10px; margin-bottom:8px;
}
.bannerheading span {
    font-size: 24px;
    font-weight: 100;
}
.redbottpart {font-weight:300; font-size:20px; line-height:31px;}
.bodybox { padding: 0 3% 30px 3%; width:44%;} 

footer {padding: 20px 15px 30px}
.footermidd {width: 35%;  padding: 18px 20px 0 19px;}
.footerleft {width:33%; padding-right:9px;}
.bodypart{padding:35px 15px;}

.bannertextbox p{padding-bottom:0px;}

.aboutleft{width:30%;  }
.aboutright{width: 68%;}
.contactright{ width:65%;}
}

@media only screen and (min-width : 320px) and (max-width : 639px) {
	.bannerdesc {
  height: auto;
  min-height: 0;
}
	.maincont{width:100%;}
	.topheader{padding:15px;}
	.rightpart{width:auto; text-align:center; float:right;}
	.logo {
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 32%;
}
	.topsocialicon {
    float: left;
    padding-bottom: 0;
    padding-top: 8px;
    text-align: left;
    width: 40%;
}
.topsocialicon img {
    margin: 0 2px;
    text-align: left;
    width: 21px;
}
	.phonpart img {
    margin-right: 5px;
    width: 31px;
}
.phonpart img:nth-child(2){ width:73% !important;}
	.phonpart {
    float: right;
    font-size: 18px;
    line-height: 26px;
    padding-top: 8px; width:157px;
}
	nav {margin:0px;}
	.toggleMenu{ text-align:left!important;}
	.navi > li > a{ text-align:left!important;}
	.redbottpart{font-size:22px; line-height:28px;}
	.bodybox { width:100%; padding: 0 0 50px 0; margin:0px auto;}
	footer{ padding: 20px 10px;}
	.footerleft{width:100%; padding-right:0; border-right:none; border-bottom:1px solid #444442; padding-bottom:15px;}
	.footermidd {width:100%; padding:20px 0;}
	.footerlogo {width:100%; text-align:left;}
	.bannertextbox {display:none;}
	.bodypart{padding:35px 15px;}

.aboutleft{width:98%; height:auto; float:none; margin:0 auto;  }
.aboutright{width:98%; height:auto; float:none; margin:0 auto;  }
hr{margin-bottom:15px;}

.contactleft{width:98%; height:auto; float:none; margin:0 auto;  }
.contactright{width:98%; height:auto; float:none; margin:0 auto;  }
.maincont *{text-align:center;}
.footerleft ul li{display:inline-block; float:none; }
.footermidd p img{display:inline; float:none; vertical-align:top; }
.footermidd p br{display:none;}
.g-recaptcha iframe{ margin-left:-1%!important;}
.contactleft{ margin-bottom:20px;}
.client-box-wraper{ width:100%; margin:0px 0px!important;}
}