@media only screen and (min-width:320px) and (max-width:767px){
.header .navbar-brand{ width:60%;}
.header .navbar-brand img{ width:100%; height:auto}
.navbar{min-height: 58px !important;}
.navbar-toggle{margin-top: 25px;margin-bottom: 0px;}
.header .navbar-collapse{margin-top: 10px;background:#eee;}
.navbar-nav { padding-top: 0px !important;}
.banner .bx-pager{margin-left: -20px;}
.banner .bx-wrapper .bx-controls-direction a{width: 27px;height: 27px;top: 60%;}
.bannercontent{top:25px;padding:0 !important;right: 0%!important;}
.bannercontent p, .bannercontent h1{font-size: 14px;margin: 0;line-height: 15px;}
.bannercontent a{font-size: 11px;padding: 4px 8px;}
.read_more {margin: 0;line-height: 5px;}
.history p, .history-1 p{font-size: 14px;line-height: 30px;}
.organisation{padding: 0;}
.aboutteam{padding:0}
.about p{font-size: 30px !important;line-height: 40px;}
.about_det { border-left: none; padding-left: 0;}
.about { padding: 10px 0px}
.service_offer h2 { font-size: 20px;}
.content01 {padding: 20px 0;}
.service_offer .bx-wrapper .bx-controls-direction a, .service_offer .bx-wrapper .bx-controls-direction a:hover, .latestnews .bx-wrapper .bx-controls-direction a, .latestnews .bx-wrapper .bx-controls-direction a:hover{width: 40px;height: 40px;background-size: 80%;}
.service_offer .bx-wrapper .bx-prev, .service_offer .bx-wrapper .bx-prev:hover, .latestnews .bx-wrapper .bx-prev, .latestnews .bx-wrapper .bx-prev:hover{left: -67px;}
.service_offer ul li{width: 265px !important; margin-right:10px !important; margin-left:10px; !important}
.serviceimg img{width: 100%;height: auto;}
.wehelp h3{font-size: 25px}
.content03{padding: 25px 0px;}
.wehelp .bx-wrapper .bx-controls-direction a{width: 37px; height: 37px;}
.wehelp .bx-wrapper .bx-prev, .wehelp .bx-wrapper .bx-prev:hover{left: -10px;}
.wehelp .bx-wrapper .bx-next, .wehelp .bx-wrapper .bx-next:hover{right: -10px;}
.ourclients {width: 80%;}
.ourclients ul li{width: 190px !important; margin-right:10px !important; margin-left:10px; !important}
.latestnews h4{ font-size:20px}
.latestnews ul li{width: 260px !important; margin-right:10px !important; margin-left:10px; !important}
.latestnews .bx-controls-direction{top: 10px;}
.content04{margin: 15px 0px;}
.topfooter { margin: 25px 0px 0;}
.banner-content{top: 5px;}
.banner-content h1{font-size: 18px;}
.about-area .about_container{ width:100%;}
.about-image img{ width:100%; height:auto}
.about-area {padding-bottom: 0;}
.team-data, .team-area{width: 100%;padding: 0;}
.management {padding-bottom: 0;}
.abt-title h2{font-size: 21px;}
.enquiry {padding: 25px 0 0;}
.service-area .marks img, .service-area .ser-1 img{ width:100%; height:auto}
.service-area {padding: 50px 0 0;}
.int, .intcont, .settle li{ width:100%;}
.intcont li, .settle li{font-size: 14px; line-height: 25px;}
.int img{ width:100%; height:auto}
.intcont{ margin-top:20px;}
.incorporate li{ width:100%;}
.corporate {padding: 40px 0 20px;}
.soon p{font-size: 37px;margin-bottom: 20px;}
.contact input[type=submit]{ margin-bottom:30px}
.contact-area {padding: 30px 0 0;}
.contactus .add, .contactus .message{ padding:0}
.contactus .cont-area .contact{ padding:0}
.message h4{ padding-left:0}
}
@media only screen and (min-width:375px) and (max-width:767px){
.header .navbar-brand { width: 50%;}
.service_offer ul li{width: 315px !important;}
.ourclients ul li{width: 240px !important;} 
.latestnews ul li{width: 300px !important;}
.content04 { margin: 15px 0px 30px;}
.service_offer h2, .latestnews h4 {font-size: 25px;}
.abt-title h2 {font-size: 26px;}
.banner-content {top: 10px;}
.bannercontent p, .bannercontent h1{line-height: 21px;}
}
@media only screen and (min-width:384px) and (max-width:767px){

.services01{margin-right: 0;}
.service_offer ul li { width: 310px !important;}
.abt-title h2 {font-size: 27px;}
.soon p {margin-bottom: 30px;}
}
@media only screen and (min-width:414px) and (max-width:767px){
.header .navbar-collapse {margin-top: 25px;}
.service_offer ul li{width: 340px !important;}
.ourclients ul li {width: 270px !important;}
.latestnews ul li {width: 330px !important;}
.bannercontent p, .bannercontent h1{font-size: 15px;}
.read_more{line-height: 15px;}
}
@media only screen and (min-width:480px) and (max-width:567px){
.header .navbar-brand {width: 40%;}
.service_offer ul li {width: 200px !important;}
.inc_para {padding: 10px 0px;}
.services01 p{font-size: 12px;margin-bottom: 0;}
.services01 a{font-size: 12px;}
.ourclients ul li {width: 160px !important;}
.ourclients ul li figcaption{font-size: 15px;}
.latestnews ul li {width: 200px !important;}
.news01_img img{ width:100%;height: auto;}
.active01{font-size: 13px;line-height: 20px;}
.content04 { margin: 15px 0px 30px;}
.banner-content {top: 20px;}
}
@media only screen and (min-width:520px) and (max-width:567px){
.service_offer ul li {width: 220px !important}
.ourclients ul li {width: 170px !important;}
.latestnews ul li {width: 220px !important;}
.banner-content {top: 30px;}


}
@media only screen and (min-width:568px) and (max-width:767px){
.header .navbar-brand { width: 35%;}
.service_offer ul li {width: 245px !important;}
.content02 {padding: 20px 0 30px;}
.ourclients {width: 90%;}
.ourclients ul li {width: 215px !important;}
.latestnews ul li { width: 250px !important;}
.active01{font-size: 14px;}
.content04 { margin: 5px 0px 25px;}
.topfooter .col-md-3{width: 50%;float: left;min-height: 360px;}
.topfooter p{ font-size:15px;}
.inc_para {padding: 10px 0px;}
.services01 p{ font-size:15px;}
.content03 {padding: 10px 0px 20px;}
.bottomfooter{ margin-top:0}
.banner-content {top: 30px;}
.banner-content h1 {font-size: 25px;}
.team-data, .team-area {width: 50%;padding: 0px 15px;float: left;}
.service-area .marks, .service-area .ser-1{ width:50%; float:left}
.service-area .ser-1{min-height: 345px;}
.ser-1 h3 {font-size: 19px;}
.int, .intcont, .settle li {width: 48%; margin-right: 2%;margin-top: 0;}
.intcont li, .settle li {font-size: 13px;line-height: 20px; margin-bottom: 5px;}
.settle li{width: 100%;margin-right: 0;}
.corporate {padding:40px 0;}
.bannercontent p, .bannercontent h1{font-size:20px;line-height:26px;}
.bannercontent {top:50px;}
.bannercontent a {font-size:12px;padding:5px 11px;}
.read_more {line-height:25px;}
}
@media only screen and (min-width:600px) and (max-width:767px){
.header .navbar-brand { width: 33%;}
.service_offer ul li { width: 255px !important;}
.ourclients ul li {width: 225px !important;}
.topfooter .col-md-3 {min-height: 340px;}
.content04 {margin: 15px 0px 30px;}
.topfooter {margin: 10px 0px 20px;display: inline-block;}
.service-area .ser-1 {min-height: 330px;}
.bannercontent {top:60px;}
}
@media only screen and (min-width:667px) and (max-width:767px){
.header .navbar-brand { width: 30%;}
.aboutteam .col-md-4{ width:30%; float:left}
.aboutteam .col-md-8{ width:70%; float:left}
.about_det {border-left: 5px solid #146B91;padding-left: 25px;}
.service_offer ul li {width: 290px !important;}
.ourclients ul li {width: 260px !important;}
.latestnews ul li {width: 300px !important;}
.topfooter .col-md-3 {min-height: 250px;}
.content02 {padding: 30px 0 40px;}
.about_container .about-image{ width:30%; float:left}
.about_container .about-con{ width:70%; float:left}
.banner-content {top: 40px;}
.service-area .ser-1 {min-height: 350px;}
.contactus .add, .contactus .message {padding:0 15px;width:50%;float:left;}
.wpcf7-form textarea {min-height:100px;}
.bannercontent {top:60px;}
.bannercontent p, .bannercontent h1{line-height:30px;}
}
@media only screen and (min-width:736px) and (max-width:767px){
.header .navbar-brand {width: 25%;}
.header .navbar-brand {width: 25%;}
.bannercontent{top:80px;display: block;padding-bottom: 0 !important;}
.bannercontent p, .active03{ font-size:20px;margin-bottom: 0;line-height: 25px;    margin-top: 10px;}
.bannercontent a{font-size: 15px;padding: 7px 20px;}
.read_more {margin: 0;}
.about p {font-size: 22px !important;line-height: 40px;}
.about_det a{padding: 8px 20px;}
.service_offer ul li {width: 210px !important;}
.services01 p{font-size: 13px;}
.ourclients ul li {width: 190px !important;}
.latestnews ul li { width: 320px !important;}
.banner-content { top: 50px;}
.service-area .ser-1 {min-height: 370px;}
.bannercontent p, .bannercontent h1{margin:0 !important;line-height:30px !important;}
}
@media only screen and (min-width:768px) and (max-width:1020px){
.header .navbar-header{ width:25%;}
.header .navbar-header img{ width:100%;}
.header .navbar-right{width:77%;margin-top:10px;}
.navbar-default .navbar-nav>li>a{ padding: 5px 6px;font-size: 14px;}
.navbar-default{margin-bottom: 10px;}
.bannercontent{top: 70px;padding-bottom: 0 !important;}
.bannercontent p{font-size: 25px;line-height: 30px;}
.active03{font-size: 21px;margin-top: 0;margin-bottom: 5px;}
.bannercontent a{padding: 7px 15px;}
.read_more {margin: 0;}
.history p{font-size: 16px;}
.content01 {padding: 20px 0;}
.aboutteam .col-md-4{ width:30%; float:left}
.aboutteam .col-md-8{ width:70%;float:left}
.about p{ font-size:22px !important}
.about_det a:hover, .about_det a{line-height: 30px;padding: 6px 15px;}
.aboutteam {padding: 10px 0;display: inline-block;}
.serviceimg img{ width:100%; height:auto}
.services01 p{font-size: 13px;margin-bottom: 0;}
.services01 a{font-size: 13px;}
.content03{padding: 15px 0px 30px;}
.wehelp .bx-wrapper .bx-prev, .wehelp .bx-wrapper .bx-prev:hover{ left:0px;}
.wehelp .bx-wrapper .bx-controls-direction a{top: 60%;width: 37px; height: 37px;}
.wehelp .bx-wrapper .bx-next, .wehelp .bx-wrapper .bx-next:hover{ right:-10px;}
.ourclients ul li figcaption a{font-size: 15px;}
.active01{font-size: 14px;margin-top: 10px;}
.news01_para p, .news02_para p{font-size: 13px;}
.news01_para a, .news02_para a{ font-size:13px;}
.latestnews ul li{ margin-right: 40px !important; width:700px!important}
.topfooter .col-md-3{ width:50%; float:left}
.latestnews .bx-wrapper .bx-controls-direction a{width: 42px;height: 42px;}
.latestnews .bx-wrapper .bx-controls-direction a, .latestnews .bx-wrapper .bx-controls-direction a:hover{ right:0}
.latestnews .bx-wrapper .bx-prev, .latestnews .bx-wrapper .bx-prev:hover{left: -87px;}
.news01_para p, .news02_para p {font-size: 14px;}
.latestnews .bx-controls-direction{top: 15px;}
.service_offer .bx-wrapper .bx-controls-direction a{width: 42px;height: 42px}
.service_offer .bx-wrapper .bx-prev, .service_offer .bx-wrapper .bx-prev:hover{left: -80px;}
.ourclients ul li figcaption{font-size: 16px;}
.service_offer .bx-controls-direction{top: 15px;}
.banner-content{top: 40px;}
.history-1 p{font-size: 17px;}
.organisation {padding: 0;}
.about-area .about-image{ width:30%; float:left}
.about-area .about-image img{ width:100%;}
.about-area .about-con{ width:70%; float:left}
.team-members .col-md-6{ float:left}
.management {padding-bottom: 0;}
.service-area .ser-1, .service-area .marks{ width:50%; float:left}
.service-area .ser-1 img, .service-area .marks img{ width:100%; height:auto}
.ser-1 p{font-size: 13px;min-height: 80px;}
.int {width: 38%;float: left; margin-right:2%;}
.int img{ width:100%; height:auto}
.intcont {width: 60%;float: left;}
.incorporate li {font-family: 'Open Sans Condensed', sans-serif;font-size: 15px;line-height: 25px;font-weight: bold;color: #666666;width:100%;float: left;padding-left: 30px;margin-right:0;margin-bottom: 10px;}
.settle li{width:100%;font-size:15px;}
.contactus .add{ width:30%; float:left}
.contactus .message{ width:70%; float:left}
.inc_para {padding: 10px 0px;}
.news_01 .col-md-5{ width:35%; float:left}
.news_01 .col-md-7{ width:65%; float:left}
.news01_img img{ width:100%; height:auto}
.content02{padding: 25px 0 40px;}
.content04{margin: 0px 0px 36px;}
} 
@media only screen and (min-width:1020px) and (max-width:1080px){
.header .navbar-right{margin-top: 8px;}
.bannercontent p{font-size: 30px;line-height: 20px;}
.active03{font-size: 28px;margin: 18px 0;}
.bannercontent{padding-bottom: 0 !important;}
.bannercontent a{padding: 10px 35px;}
.history p{font-size: 21px;}
.about_det a, .about_det a:hover{padding: 10px 30px;}
.latestnews ul li {margin-right: 50px !important;}
.topfooter p, .topfooter a{ font-size:13px;}
.wehelp .bx-wrapper .bx-prev, .wehelp .bx-wrapper .bx-prev:hover{ left:0}
.wehelp .bx-wrapper .bx-next:hover, .wehelp .bx-wrapper .bx-next{ right:-15px;}
.active01{font-size: 15px;}
.news01_img img{ width:100%; height:auto}
.history-1 p{font-size: 22px;}
.organisation { padding: 0;}
.about-area .about-image img{ width:100%;}
.management-area h2{font-size: 28px;}
.service-area .marks img, .service-area .ser-1 img{ width:100%; height:auto}
.banner-content{top: 70px;}
.enquiry div.wpcf7-validation-errors, .message div.wpcf7-validation-errors{display: inline-block !important;width: 100%;text-align: center;}
.service_offer .bx-wrapper .bx-controls-direction a{width: 42px;height: 42px}
.service_offer .bx-wrapper .bx-prev, .service_offer .bx-wrapper .bx-prev:hover{left: -80px;}
}