*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
a{color:#06739E;}
a:hover{ text-decoration: none;}
input, a:focus{outline: none!important;text-decoration: none;}
ul{margin: 0; padding: 0;}
img{border: 0; max-width: 100%;}

body {font-family: 'Ubuntu', sans-serif; font-weight:400; color:#000; font-size: 15px; }
.container { max-width:1200px;}
.fullwidth{width: 100%; float: left;}
.error_field
{
	border: 1px solid red !important;
}

 #ascrail2000{z-index:999 !important}

.cssmenu > ul > li > a, .cssmenu > ul > li > a:after, .logo a, .bannerlist ul li a, .projectbox, .projectbox:before, .client .item img, .veiwbtn, .submitbtn{ transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.headtop:before{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.fixed-header{position: fixed; width: 100%; top: -40px; z-index: 99}

.headtop{position: absolute; width: 100%; float: left; top:0px; left: 0; z-index:99}
.toplinks{ width: 100%; float: left; height: 40px;}
.toplinks ul{list-style: none; float:right;}
.toplinks ul li{display: inline-block; padding-left: 20px;}
.toplinks ul li a{ padding:10px 0; display: block; color: #fff; font-size: 14px; font-weight: 500;}
.headerlink{background:#183883; width: 100%; float: left; height: 88px;}
.logo{ float: left;background:#fff;}
.logo a{display: block; padding: 15px 20px; height:88px; }

.fixed-header .cssmenu > ul > li > a { padding: 24px 20px;}
.fixed-header .logo a{padding:8px 20px 8px 0px; height:68px;}
.fixed-header .logo a img{max-height: 100%;}
.fixed-header .headtop:before{box-shadow: 1px 1px rgba(0,0,0,0.1); left: 0; right: 0; width: 100%; content: ""; height: 100%; position: absolute; background: rgb(255,255,255); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(24,56,131,1) 34%, rgba(24,56,131,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(24,56,131,1) 34%,rgba(24,56,131,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(24,56,131,1) 34%,rgba(24,56,131,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#183883',GradientType=1 );}
.fixed-header .headtop{}
.headermain{}
.headtop:before{ width:40%; left: 30%; right: 30%; content: ""; height: 100%; position: absolute; z-index: -1;}
.fixed-header .headerlink, .fixed-header .cssmenu > ul > li > a{height: 68px;}

.cssmenu{float: right;}
.cssmenu > ul > li > a{font-size: 17px; font-weight: 300; color: #fff; padding: 35px 18px; height: 88px;}
.cssmenu > ul > li.active > a, .cssmenu > ul > li:hover > a{ background:#304c90; color: #fff;}
.cssmenu > ul > li.active > a:after, .cssmenu > ul > li:hover > a:after{content:""; border-bottom: 4px solid #5970a6; position: absolute; width: 100%; bottom: 0; left: 0;}
.banners{position: relative; }
.homebanner{position: relative;}
.homebanner .item:before{content: ""; width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3);}
.banners .item{height:400px;}
.home .banners .item{height:800px; width: 100%; float: left;}
.banners .owl-dots{position: absolute; bottom: 0; left: 0; width: 100%; }
.banners .owl-dots {position: absolute; right: 50px; top: 40%; left: inherit; width: 24px; z-index: 9;}
.owl-theme .owl-dots .owl-dot{margin:0 2px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#fff;}
.banners .owl-theme .owl-dots .owl-dot span{position: relative;  margin: 4px; width:8px; height:8px; border-radius: 0; }
.banners .owl-theme .owl-dots .owl-dot.active span{position: relative; width:5px; height:5px; border-radius: 0;}
.banners .owl-theme .owl-dots .owl-dot.active{  display: inline-block; border:1px solid #fff; }
.aboutimg.mspace {    margin-top: 100px;}
.bannertext{position: absolute; left: 0; width: 100%; z-index: 3; top:32%; height: 0;}
.half{width: 550px; float: left; padding-bottom: 20px;}
.half p.bheading strong{font-size:33px; text-transform: uppercase;font-size:33px; line-height: 30px;}
.half p{  color: #fff; font-size: 20px;}
.half p small{ font-size: 24px; color: #fff; display: block;}
.half p strong{font-weight: 600; font-size: 20px;}
.half p span{ margin-bottom: 15px; line-height: 50px; font-size:55px; font-weight: 300; text-shadow: 1px 2px 1px #4c4c4c;}

.bannerlist{ width: 100%; float: left; margin-top:220px;}
.bannerlist ul{list-style: none;}
.bannerlist ul li{display: inline-block; padding-right: 20px;}
.bannerlist ul li a{display: block; border: 1px solid #fff; padding: 15px; color: #fff; width: 160px; height: 140px; position: relative;}
.plusicon{display: block; position: absolute; margin-top: 12px; width: 24px; height: 1px;  background:#fff;}
.plusicon:after{content:""; position: absolute; left: 11px; top: -11px; width: 1px; height: 24px; display: inline-block; background:#fff;}
.bannerlist ul li a:hover{background:#fff; color:#183883;}
.bannerlist ul li a:hover .plusicon, .bannerlist ul li a:hover .plusicon:after{background:#183883; color: #183883;}
.bannerlist ul li a span{position: absolute; left: 15px; bottom: 10px; font-weight: 500; text-transform: uppercase;}
.downimg {bottom:-25px; left:50%; margin-left:-14px; position: absolute; z-index: 2;   -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;}
 @-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.aboutsec, .recentpro, .testimonialbg, .client{padding: 80px 0;}
.aboutimg{width:45%; float: left;  position: relative; background:#fff; padding: 15px; border: 1px solid #cbcaca; }
.aboutimg img{width: 100%; }
/*.aboutimg:after{ display: inline-block; content:""; border: 15px solid rgba(255,255,255,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}*/
.aboutext{width:100%; float: right;}
.aboutext h1{color:#181818;font-size:32px; font-weight:600; margin-bottom:30px;}
.aboutext h1:after{display: block; content:""; width:24px; height: 4px; margin-top: 15px; background:#d8241d;}
.aboutext p{font-size:16px; font-weight: 300;}
.aboutext p span{font-size: 20px;}
.aboutimg + .aboutext{width:50%;    text-align: justify; } 
.more{color:#a7a6a6; font-size: 14px; text-transform: uppercase; font-weight: 500; vertical-align: middle;}
.more:after{display: inline-block; content:""; width:20px; height: 2px; background:#a7a6a6; vertical-align: middle;}
.sec3{list-style: none; width: 100%; float: left;padding-top: 65px; border-top: 1px solid #e5e4e4; margin-top:50px; display: table;}
.sec3 li{ text-align: left; display:table-cell; width: 33%; border-left: 6px solid #cbcaca; padding-left: 25px; line-height:16px;}
.sec3 li span{display: block; color:#183883; font-size: 50px; line-height:40px; padding-bottom: 10px; font-weight: 400;}
.sec3 li small{color:#808080; font-size:14px; font-weight: 500; text-transform: uppercase;}

h2{color:#181818;font-size:32px; font-weight:600; margin-bottom:30px;}
h2:after{display: block; content:""; width:24px; height: 4px; margin-top: 15px; background:#d8241d;}
.recentpro{ background:#f2f2f2; overflow: hidden;}
.recentcont{width: 33%; float: left; max-width:275px;}
.recentcont p{font-weight: 300; font-size: 20px;}
.recentcont p.first{min-height: 220px;}
.veiwbtn{color:#fff; display: block; text-align: center; letter-spacing: 1px; padding: 10px; background:#cbcaca; font-size: 14px; text-transform: uppercase; font-weight: 500; vertical-align: middle;}
.veiwbtn:after{display: inline-block; margin-left: 5px; content:""; width:20px; height: 2px; background:#fff; vertical-align: middle;}
.veiwbtn:hover{background:#183883; color: #fff;}

.recentlist{width:62%; float: right;}
.recent{width:1200px; float: left;}
.projectbox{border-top: 6px solid #d8241d; position: relative; display: block; color: #fff; }
.projectbox:before{content:""; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0;}
/*.projectbox:hover{border-color:#183883;}*/
.projectbox:hover:before{ background: rgba(0,0,0,0.6);}
.projectbox img{width: 100%; display: block;}
.recentshort{width: 100%; position: absolute; left: 0; bottom: 0;color: #fff; padding: 25px;}
.recentshort h4{ font-size: 20px; text-transform: uppercase;}
.recentshort p{margin: 0; max-width: 90%;}
.arrow{background:url(../images/arrow.png) 0 bottom no-repeat; width: 29px; height: 15px; display: inline-block;}
.recentshort .arrow{position: absolute; right: 30px; bottom: 30px; }
.prof_box h3 {font-size: 20px;}
.recent .owl-item:nth-child(2n) .projectbox, .portlist li:nth-child(2n) .projectbox{ border-top:6px solid #183883;}

.testimonialbg{ background:#8c8c8c url(../images/testimonialbg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}

.testsec{width: 62%; float: right; background:#183883; padding: 70px; color: #fff;}
.testsec .owl-theme .owl-nav [class*="owl-"]{background:url(../images/arrow.png) 0 bottom no-repeat; text-indent: -9999px; width: 29px; height: 15px;}
.testsec .owl-theme .owl-nav .owl-prev{ transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.testsec .owl-theme .owl-nav { position: absolute; right: 0; top: -87px;}
.testsec .owl-theme .owl-dots .owl-dot span {background: #90a3cf; height: 8px; width: 8px;}
.testsec .owl-theme .owl-dots .owl-dot.active span{ background:#183883;}
.testsec .owl-theme .owl-dots .owl-dot.active span:before{border: 1px solid #fff; border-radius: 50%; content: ""; display: inline-block; height: 14px;
  width: 14px; vertical-align: top; margin-top: 1px;}

.testsec .item{ background:url(../images/comma.png) 0 0 no-repeat; padding-top: 50px;}
.testsec h2, .testsec h2 a{color: #fff;}
.testsec h2:after{background:#90a3cf;}
.testsec p{margin: 0;}
.testsec p.names{margin: 20px 0;}
p.names span{ color: #90a3cf;}

.client{overflow: hidden;}
.client h2:after{display: none;}
.clients{border: 1px solid #d7d7d7;}
.client .owl-theme .owl-nav [class*="owl-"]{background:url(../images/arrow.png) 0 bottom no-repeat; text-indent: -9999px; width: 29px; height: 15px;}
.client .owl-theme .owl-nav .owl-next{ transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.client .owl-theme .owl-nav { position: absolute; right: 0; top: -70px;}
.client .item{line-height: 145px; text-align: center;}
/*.client .item img { opacity: 0.6; display: inline-block; line-height: 145px; width: auto; max-width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.client .item:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}*/

.client .item img { display: inline-block; line-height: 145px; width: auto; max-width: 100%; max-height: 127px;}
.client .item:hover img{ opacity: 1;}
.pagetitle p {color: #fff; margin-top: -13px;}


.footerbg{background:#e8e8e8; padding: 60px 0px 40px; text-align: center; position: relative;}
.footerbg ul{list-style: none;}
.footerbg ul li{display: inline-block;}
.footerbg ul li a{color: #fff; display: block;}
.footerbg ul li a i{width:34px; height:34px; border-radius: 50%; line-height: 35px;}
.footerbg .fa-facebook{background:#3b5998;}
.footerbg .fa-twitter{background:#55acee;}
.footerbg .fa-linkedin{background:#0976b4;}
.footerbg .fa-envelope-o{background:#222222;}
.copy{color: #444; margin: 30px 0 0; font-size: 14px;}
.toparrow{background:#fff; width:50px; position: absolute; margin-left: -25px; top: -22px; font-size: 14px; color: #444; text-transform: uppercase; padding-top:6px; height:50px; border-radius: 50%; display: inline-block;}
.toparrow i{display: block; font-size:20px; line-height: 14px;}
.copy a{ color: #444;}

.innerbanner:before{content: ""; width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.innerbanner{height:280px; width: 100%;}
.pagetitle{position: absolute; bottom:40px; width: 100%; text-align: center; float: left; z-index: 2;}
.pagetitle h1{color: #fff; font-size: 50px; position: relative;}
.pagetitle h1:after{display: block; content:""; width:24px; height: 4px; margin-top: 15px; background:#d8241d; position: absolute; left: 50%; margin-left: -12px; top: 114%;}


.breadcrum{padding: 10px 0; border-bottom: 1px solid #e5e5e3;}
.breadcrum a{color:#9f9f9f;}
.breadcrum a:after{content:"/"; margin-left: 5px; margin-right: 2px;}
.contentsec{padding:40px 0; width: 100%; float: left;}
.portcont{text-align: center; padding: 0 12%; font-weight: 300;}
.portcont span{ font-size: 20px;}
.portlist ul{ margin: 0 -10px; list-style: none;}
.portlist ul li{width: 33.33%; float: left; padding: 10px; }
.portlist ul li:not(.scale-anm) {display: none}

/*#portfolio {-webkit-column-count: 3; -moz-column-count: 3;  column-count: 3;  -webkit-column-gap: 1rem;  -moz-column-gap: 1rem;  column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;  -moz-column-width: 33.33333333333333%;  column-width: 33.33333333333333%;}*/
.tile { -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition: all 350ms ease;  transition: all 350ms ease;}
.scale-anm { transform: scale(1);}
.hospitality, .hospitals, .governmental{display: none;}

.filtersec{width: 100%; margin:0px 0px 30px; float: left; text-align: center; display: table;}
.filbtn{background:#edecec; color: #777777; height: 50px; font-weight:500; font-size: 15px; text-transform: uppercase; border: none; display: table-cell; width: 160px; cursor: pointer;}
.filbtn:focus, .activepot{background:#183883; color: #fff;}

.portcont .sec3 {border: none; margin: 40px 0 60px; padding: 0;}
.portcont .sec3 li{ display: inline-block; width: 28%;}
.portcont .sec3 li:first-child{border-color:#d1e575;}
.portcont .sec3 li:nth-child(2){border-color:#f47575;}
.portcont .sec3 li:nth-child(3){border-color:#6189e6;}

.probg{ background:#f2f2f2; padding: 50px 0;}
.prolist > ul{ list-style: none; margin:0 -15px; }
.prolist > ul > li{width:50%; float: left; padding:15px;}
.left{float: left;}
.right{float: right;}
.imgs{width:375px; position: relative; background:#fff; padding: 15px; border: 1px solid #cbcaca;}
.imgs.left{margin-top: -80px;}
.imgs.right{margin-top:80px; margin-bottom: -80px;}
.procont{width: 100%; float: left;}
.imgs + .procont{width:calc(100% - 375px); }
.procont h2{margin-bottom: 20px;}
.procont h2 a{ color: #181818;}
.procont h2 a small{display: block; color:#858585; font-size: 17px; text-transform: uppercase; font-weight: 500}
.procont h2:after{display: none;}
.procont.left{ padding-left: 0}
.socials{list-style: none;}
.socials li{display: inline-block; margin-right: 5px;}
.socials li a{background:#fff; border-radius: 50%; display: block; width:40px; height:40px; line-height: 40px; text-align: center; color:#183883; box-shadow: 1px 2px 0px #ccc;}
.socials li a:hover{box-shadow: none;}

.morebtns{background: #fff; padding: 80px 0; text-align: center;}
.bluebtn.more, .redbtn.more{padding:10px 30px; display: inline-block; color:#fff; margin: 5px;}
.bluebtn.more{background:#183883; }
.redbtn.more{ background:#d8241d;}
.redbtn.more:after, .bluebtn.more:after{background:#fff; margin-left: 10px; }

.clientpage h2{}
.clientpage h2:after{display: none;}
.clientpage h2:before {background: #d8241d; content: ""; display: inline-block; height: 28px; margin-right: 10px; margin-top: 0; vertical-align: middle; width: 4px;}
.corpclients{width: 60%;float: left;height: 764px;overflow-y: scroll;}
.corpclients ul{list-style: none;}
.corpclients ul li {border: 1px solid #ccc; float: left; margin-right: -1px; margin-top: -1px; width: 25%;}
.corpclients ul li a{display: block; padding:0 10px; height:85px; line-height:85px; text-align: center;}
.corpclients ul li img{max-height: 70%; display: inline-block;/* opacity: 0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%);*/}
/*.corpclients ul li:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}*/

.valued{width:38%; float: right;}
.valuebg{ width: 100%; float: left; background:#274999;}
.valuebox{width: 50%; float: left; }
.valuebox.first{ background:#183883;}
.valued h3{ margin:0; color: #181818; font-size:16px; font-weight:500;color: #fff; padding:15px 15px; background:rgba(255,255,255,0.1); }
.valued ul{list-style: none; padding: 15px;}
.valued ul > li{width:100%; display: inline-block; color:#fff; }
.valued ul > li span {display: inline-block; font-family: 'Lato', sans-serif; font-size: 12px; vertical-align: top; font-weight:500; line-height: 16px; padding:13px 10px 2px; position:relative;}
.valued ul > li span:before{content:"-"; position: absolute; left: 0;}
.valued ul > li:first-child span{ padding-top: 0;}
.btns{width: 100%; float: left; padding-top: 50px; text-align: center;}

.testlist{width: 100%; float: left;}
.testlist ul{ list-style: none; margin: 0 -15px;}
.testlist ul > li{width:50%; padding:15px; float: left;}
.testlist ul > li a{border: 1px solid #ccc; display: block;}
.tlist{background:#f5f5f5; padding: 50px; width: 100%; float: left; border-left:5px solid #D8241D; height: 330px;}
.tlist p:first-child{ background:url(../images/comma1.png) 0 0 no-repeat; padding-top: 50px;}
.tlist .names{margin-bottom: 0; color:#183883; font-size: 18px; }
.tlist p.names span {font-size: 16px;color:#183883}
.contactform{width: 60%; float: left;}
.contactform ul{list-style: none; margin: 0 -5px;}
.contactform ul li{width: 50%; float: left; padding: 5px;}


.contactform ul li.fullwidth{width:100%;}
.contactform input, .contactform textarea, .submitbtn{ color: #666666; padding: 5px 14px; height: 46px; line-height: 20px; border:1px solid #ccc; width: 100%; /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;*/ }
.contactform textarea{height: 104px;}
.contactform .submitbtn{background:#183883; height: 46px; line-height: 20px; width: 100%; text-transform: uppercase; color: #fff; border: none; cursor: pointer;}
.contactform .submitbtn:after{display: inline-block; margin-left: 5px; content:""; width:20px; height: 2px; background:#fff; vertical-align: middle;}
.address{width: 35%; float: right;}
.address h2{font-size:32px; margin-bottom: 15px;font-family: 'Alegreya Sans SC', sans-serif;}
.address h2:after{margin-top: 5px;}
h2.works{margin-top: 20px;}
.address p{margin-bottom: 10px;}
.address p strong{font-size:22px; font-family: 'Alegreya Sans SC', sans-serif;}
.address a{color: #000;}
.address a i{color:#183883; font-size: 18px; margin-right:5px; width: 18px; text-align: center; vertical-align: middle;}
.address a span{vertical-align: middle;}
.address a i.fa-mobile{font-size:24px; }
.contactform .submitbtn:hover{background:#000;}
/*__12march----*/
.back_btn > li { list-style: none;  }
.back_btn > li > a::after{ display: none; }
.back_btn > li > a {
    color: #000;
    transition: 0.3s;
    display: block;
    background: #ededed;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 3px;
}

.back_btn > li > a:hover i{ padding-right: 3px; }

.back_btn.pull-right i {font-size: 15px;float: left; margin: 2px 3px;    transition: 0.3s;}
/*__12march----*/







@media screen and (max-width :1400px) {

	.recent{width:150%;}
	.home .banners .item { height: 550px;}
	.tlist{ height:300px}
	.downimg{bottom: -34px;}
	.bannerlist{margin-top:150px}
}

@media screen and (max-width :1199px) {

.recent{width:120%;}
.home .banners .item { height:550px;}
	.downimg{display: none;}
}

@media screen and (max-width :991px) {
	h2{font-size: 26px;}
	.fixed-header{position: static;}
	.fixed-header .logo a {padding:5px 10px;}
	.logo a{padding:5px 10px;}
	.headerlink, .logo a{height: 68px;}
	.headerlink {background: #fff;}
	.cssmenu #menu-button:before, .cssmenu #menu-button.menu-opened:before, .cssmenu #menu-button.menu-opened:after, .cssmenu ul{background: #183883;}
	.cssmenu #menu-button:after {border-bottom: 2px solid #183883; border-top: 2px solid #183883;}	
	.cssmenu #menu-button{margin-top: -58px; margin-right: 15px;}
	.cssmenu > ul > li > a, .fixed-header .cssmenu > ul > li > a{padding: 15px 20px; height: auto;}
	.cssmenu > ul > li > a:after{display: none;}
	.toplinks ul li a {color: #183883;}
	.recentcont p.first { min-height: auto; font-size: 16px;}
	.aboutsec, .recentpro, .testimonialbg, .client{padding: 40px 0;}
	.testsec, .morebtns{padding: 40px;}
	.testsec .item{padding-top: 35px;}
	.testsec p.names {margin: 15px 0;}
	.innerbanner {height: 300px;}
	.pagetitle h1{font-size: 36px;}
	.pagetitle h1:after{margin-top: 10px;}
	.imgs {width: 300px;}
	.imgs + .procont {width: calc(100% - 300px); padding: 30px 40px;}
	.imgs.left {margin-top: -60px;}
	.imgs.right {margin-bottom: -60px; margin-top: 60px;}
	.portlist ul li{width: 50%;}
	.corpclients, .valued {width: 100%;}
	.valued{margin-top:40px;}
	
	.headtop{position: relative;}
	.headtop .container{padding: 0;}
	.toplinks {position: absolute; right: 70px; width: auto; top: 12px;}
	.corpclients ul li{width: 20%;}
	.tlist{padding: 30px;}
	.tlist p:first-child{padding-top: 35px;}
	.tlist p{font-size: 14px;}
	.tlist .names strong{display: block;}
	.innerbanner {height: 170px;}
	
}


@media screen and (max-width :767px) {
	.aboutimg.mspace{ margin: 0px; }
	
	.aboutimg + .aboutext {width: 100%; margin-top: 30px;}
	.aboutimg {    margin: 0px;}
	.recentcont, .recentlist, .recent, .aboutimg, .testsec{width: 100%; max-width: 100%;}
	h2{margin-bottom: 20px;}
	.bannerlist ul li a{height: auto; padding: 5px 15px;}
	.plusicon{display: none;}
	.bannerlist ul li a span{position: static;}
	.half{width: 95%;}
	.banners .owl-dots{right: 15px;}
	.toplinks ul {text-align: center; width: 100%;}
	.toplinks ul li a span{display: none;}
	.testsec{padding: 25px;}
	h2{font-size:26px;}
	.fixed-header{position:static;}
	.fixed-header .headtop:before{display: none;}
	.portcont{padding: 0;}
	.corpclients ul li{width: 25%;}
	.valued ul > li span{padding:7px 10px;}
	.testlist ul{margin: 0;}
	.testlist ul > li{width: 100%; padding:10px 0;}
	.tlist p.names {font-size: 16px;}
	.tlist p.names span {font-size: 14px;}
	.contactform, .address{width: 100%;}
	
}

@media screen and (max-width :640px) {
	
	.home .banners .item {height:400px;}
	.sec3{margin-top: 20px;}
	.bannerlist ul li{margin-bottom: 10px; padding-right: 10px;}
	.half p {font-size: 18px;}
	.bannerlist { margin-top: 180px;}
	.imgs.left {margin-top: 0; width: auto; max-width: 100%;}
	.imgs.right {margin-bottom: 0; margin-top: 0; width: auto; max-width: 100%; float: left;}
	.imgs + .procont {width:100%; padding: 20px 0;}
	h2:after{margin-top:10px;}
	.probg{padding: 20px 0;}
	.prolist > ul > li{width:100%;}
	
}


@media screen and (max-width :480px) {
	body{font-size: 14px;}
	.sec3 li{float: left;}
	.sec3 li span{font-size: 36px; line-height: 36px; font-weight:500;}
	.aboutext ul{padding-top: 0;}
	.aboutext ul li{margin-top: 30px; width: 100%;}
	.home .banners .item, .home .banners .item::before{height:250px;}
	.half{padding-bottom: 0;}
	.homebanner{ background:#183883;}
	.bannertext{position: static; padding:15px 0px; height: auto; float: left;}
	.half p.bheading strong{font-size: 22px; line-height: 22px; margin-bottom:10px; text-transform: uppercase;}
	.half{width: 100%;}
	.half p, .half p small{ margin: 0;}
	.half p strong{font-size: 16px;}
	.bannerlist{margin-top: 0;}
	.bannertext.outer{ background:#f1f1f1; padding-bottom: 5px; }
	.bannerlist ul li{width: 50%; float: left;}
	.bannerlist ul li a{color:#183883; border-color:#183883; width: 100%; padding: 10px;}
	
	.portcont .sec3 {margin: 20px 0 40px; }
	.portcont .sec3 li { margin: 5px 5%;  width: 80%;}
	.innerbanner {height: 150px;}
	.corpclients ul li{width: 33.33%;}
	.valued ul > li{width: 100%;}
	.valued ul > li span{min-height: auto; line-height: 26px;}
	.half p {font-size: 16px;}
	.headerlink{padding: 0!important;}
	.logo{width:200px;}
	
	.headerlink, .logo a, .fixed-header .logo a {height: 56px; padding: 10px;}
	.cssmenu #menu-button {margin-right: 5px; margin-top: -52px;}
	.toplinks {right: 55px; top: 7px; }
	.toplinks ul li {padding-left: 5px;}
	.toplinks ul li a{min-width: 20px;}
	.valuebox{width: 100%;}
	.valuebox h3 br{ display: none;}
	.contentsec {padding: 20px 0;}
	.btns {padding-top: 20px;}
	.clientpage h2{font-size: 24px;}
	.contactform ul li{width: 100%;}
	.address p{margin-bottom: 10px;}
	.tlist{ height:auto}
	
}

@media screen and (max-width :360px) {
	.portlist ul li{width:100%;}
	.corpclients ul li{width:50%;}
	
}