@font-face {
    font-family: 'straitregular';
    src: url('http://www.blurterconstructions.com.au/fonts/strait-regular-webfont.eot');
    src: url('http://www.blurterconstructions.com.au/fonts/strait-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.blurterconstructions.com.au/fonts/strait-regular-webfont.woff2') format('woff2'),
         url('http://www.blurterconstructions.com.au/fonts/strait-regular-webfont.woff') format('woff'),
         url('http://www.blurterconstructions.com.au/fonts/strait-regular-webfont.ttf') format('truetype'),
         url('http://www.blurterconstructions.com.au/fonts/strait-regular-webfont.svg#straitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{width:100%; padding:0px; margin:auto 0;font-family: 'straitregular'; overflow-x:hidden;}
.floatleft{float:left;}
.floatright{float:right;}
.centerit{margin:0 auto;}
.clearit{clear:both;}

/*-----------------------------------------Media queries start-----------------------------------------*/

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
/*Slider Section*/
.royalSlider.heroSlider {height: 361px !important; }
.rsMinW .rsArrowLeft { right: 8px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -2px !important; bottom: -13px; }
.rsMinW2 .rsArrowRigh2t { right: 0 !important; bottom: -13px; }
.rsMinW .rsBullets{right: 23px !important;}
/*Content Section*/
.maincontentbox{ margin-top:100px !important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:67% !important;}
.box3{width:75%; margin-bottom:4% !important;
}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
.recentproject-details p {font-size: 16px;color: #FFF;max-width: 635px;margin-left: 25px;line-height: 20px;
text-align: justify;
}
}

@media (max-width: 1024px){ 
/*Navigation Section*/
.logo_box{ width:35% !important;}
.navigation_box {width: 57% !important;margin: 6% 1% 5% 7% !important;}
.navigation_box ul li {float: left;list-style: none;margin: 0 20px !important;font-size: 24px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 5px 0px !important;
width: 15px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 300px !important; }
.rsMinW .rsArrowLeft { right: 7px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -4px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 24px !important;}
/*Content Section*/
h2{width: 312px !important;font-size: 45px !important;}
h3{	color:#FFF;	font-size:52px; margin:0; padding:0 0 30px 0;font-weight:normal;}
.maincontentbox{ margin-top:80px !important;}
.contentbox1-arrow {margin-top: -22px;}
.footerrightbox ul {padding-left: 0;margin: 5px 0 9px !important;}
.footermidbox ul{padding-left:28px !important;}
.socialmedia {margin-top: 6px !important;}
.footerrightbox ul li {line-height: 22px !important;}
.nbs-flexisel-inner {width: 90%;margin: 0 auto; float:none !important;}
.nbs-flexisel-nav-left{top: 35px !important; left:0px !important;}
.nbs-flexisel-nav-right {top: 35px !important;right: 0px !important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:67% !important;}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}

.heading2 {width: 45% !important;text-align: center;color: #032e55;font-size: 52px;text-transform: uppercase;margin-bottom: 5%;padding-bottom: 1%;border-bottom: 2px solid #d9d9d9;}
.heading3 {color: #FFF;font-size: 52px;padding-top: 1% !important;padding-bottom: 2%;}
.recentprojects-img {width: 28% !important;}
.projectslider {width: 60% !important;height: 300px !important; margin-bottom:40px !important;}
.recentproject-details {width: 66% !important;margin-left: 5% !important;max-width: 635px;}
.viewprojects {width: 132px !important;font-size: 17px !important;color: #51c6ff;text-align: center;margin-left: 4%;margin-top: 2%;
padding-bottom: 1%;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFJFF;}
.addicon{ width: 40% !important;padding-left: 42px !important;line-height: 35px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:35px !important;padding-top: 0!important;}
.telicon{ width: 14% !important;padding-left: 42px !important;line-height: 35px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:35px !important;padding-top: 0!important;}
.emailicon{ width: 30% !important;padding-left: 42px !important;line-height: 35px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:35px !important;padding-top: 0!important;}
.footermidbox {margin-top: 4% !important;margin-top: 3%\9 !important;}
}

@media only screen and (max-width: 768px) {
/*Navigation Section*/
.navigation_box {width: 60% !important;margin: 6% 0% 6% 0!important;}
.logo_box{ width:40% !important;}
.navigation_box ul li {float: left;list-style: none;margin: 5px 16px !important;font-size: 18px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 6px 0px !important;
width: 11px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.rsMinW .rsArrowLeft { right: 8px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -2px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 26px !important;}
/*Content Section*/
.maincontentbox{ margin-top:80px !important;}
h1{font-size: 45px!important; line-height: 45px!important;}
h2{width: 235px!important;font-size: 38px!important;}
h3{	font-size:34px!important; padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.contentbox1 p {font-size: 18px !important;padding-top: 30px !important;} 
.services {padding-top: 25px !important;}
.services-content-mid {width: 30% !important;  margin:0 5% !important; }
.services-content {width: 30% !important;}
.contentbox1-arrow {margin-top: -3% !important;}
.services-img {padding-left: 0% !important;padding-bottom:6% !important; margin:0 auto; width:138px;margin-top: 0 !important;}
.services-heading {color: #1b6c93;font-size: 17px !important;text-transform: uppercase;text-align: center;}
.services-content p {text-align: justify !important;font-size: 12px !important;height: 140px !important;}
.services-content-mid p {text-align: justify;font-size: 12px !important;color: #959595;height: 140px !important;}
.recentproject-details p {font-size: 12px !important; line-height:16px !important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:67% !important;}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
element.style {}
  .heading2 {width: 58% !important;text-align: center;color: #032e55;font-size: 52px;text-transform: uppercase;margin-bottom: 5%;padding-bottom: 1%;border-bottom: 2px solid #d9d9d9;}
.services-heading {color: #1b6c93;font-size: 20px !important;text-transform: uppercase;text-align: center;}

.services-img {padding-left: 10% !important;padding-bottom: 8%;}
.recentprojects-img {width: 33% !important;}
.recentproject-details {width: 60% !important;margin-left: 7% !important;}
.recentproject-details p {font-size: 12px !important;color: #FFF;margin-left: 7% !important;}
.recentprojects-heading {color: #FFF;font-size: 18px !important;text-transform: capitalize;margin-left: 4%;}
.heading3 {color: #FFF;font-size: 45px !important;padding-top: 1% !important;padding-bottom: 2%;}
.recentproject-details span {font-size: 13px;}
.viewprojects {width: 46% !important;font-size: 18px !important;color: #51c6ff;text-align: center;margin-left: 7%;margin-top: 2%;padding-bottom: 1%;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.footermidbox ul{padding-left:20%;}
.footermidbox ul li{list-style-type:none;padding-bottom:20% !important;color:#b9b9b9;font-size:13px !important;}
.footerrightbox ul li{list-style-type:none;margin:0;color:#b9b9b9;	font-size:13px !important;}
.footerone {width: 90% !important;}
.footerleftbox {width: 24% !important;margin: 6% 3% 0 2%;}	
.footermidbox {width: 20% !important;margin-top: 3% !important;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;padding-right: 3%;}
.footerrightbox {width: 45% !important;margin: 5% 0 0 4% !important;}	
.project {width: 75 !important%;margin-bottom: 3% !important;}
.projectslider {width: 100% !important;height: 300px !important; margin-bottom:35px !important;}
.projectdetailsbox {width: 100% !important;padding: 1% 0% 0 0% !important; margin-bottom:20px !important;}
.customerlogobox_text{  font-size:16px !important;}		
.formArea {width:100%; margin:0 auto;}
.formBox {width:75%; margin:0 auto;}
.formTitle {width: 90%;font-size:17px;margin-left: 9%;margin-top: 4%;padding-bottom: 4%;}
.formLeft {width: 41%;margin-left: 9%;}
.formRight {width:50%;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 90%;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:90%;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 44% !important;padding: 3% 5% 5% 56%;}
.submitBtn {width: 76%;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 42px !important;line-height: 34px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.telicon{ width: 79% !important;padding-left: 42px !important;line-height: 34px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.emailicon{ width: 79% !important;padding-left: 42px !important;line-height: 34px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.ptagline{font-size: 23px;padding-bottom: 3%;}
}


/*@media only screen and (max-width: 640px)*/
@media only screen and (min-width: 668px) and (max-width: 767px) {
/*Navigation Section*/
.navigation_box {width: 65% !important;margin: 5% 0% 6% 0!important;}
.logo_box{ width:35% !important;}
.navigation_box ul li {float: left;list-style: none;margin: 4px 18px !important;font-size: 18px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 6px 0px 0 0 !important;
width: 11px !important;
}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 200px !important; }
.rsMinW .rsArrowLeft { right: 8px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -2px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 28px !important;}
/*Content Section*/
.maincontentbox{ margin-top:50px !important;}
h1{font-size:50px!important;line-height:40px!important;}
h2{width: 225px!important;font-size: 34px!important;}
h3{font-size:34px!important;padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.content-help{width:100%;background:#eae9e7;padding: 31px 0 31px 0!important;}
.contentbox1 p {font-size: 17px !important;padding-top: 30px !important;}
.contentbox1-arrow {margin-top: -3% !important;}
.services {padding-top: 25px !important;}
.services-content-mid {width: 30% !important;  margin:0 5% !important; }
.services-content {width: 30% !important;}
.services-img {padding-left: 0% !important;padding-bottom:6% !important; margin:0 auto; width:138px;margin-top: 0 !important;}
.services-heading {color: #1b6c93;font-size: 17px !important;text-transform: uppercase;text-align: center;}
.services-content p {text-align: justify !important;font-size: 12px !important;height: 140px !important;}
.services-content-mid p {text-align: justify;font-size: 12px !important;color: #959595;height: 140px !important;}
.recentproject-details p {font-size: 12px !important; line-height:16px !important;}
.customerlogobox_text{  font-size:16px !important; width:25% !important;}	
.customerlogobox_slider{ width:75% !important;}
.customerlogobox_inside{ padding:35px 0 !important;}
.nbs-flexisel-inner {width: 80% !important;margin: 0 auto !important;float: none !important;} 
.nbs-flexisel-nav-left{top: 17px !important; left:0px !important;}
.nbs-flexisel-nav-right {top: 17px !important;right: 0px !important;}
.box1content p {;font-size: 13px !important; }
.box1content h1 { font-size:45px!important;line-height:40px!important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:67% !important;}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
/*.leftrightbox{width:100%!important;}
.profilepic {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic img{max-width:100%}
.midbox{width:100%!important;margin:0 0%!important;}*/
.midbox img{max-width:100%}
.box3{width:75%;}
.box3 p{color:#363636; font-size:13px;}
.box3 .title{font-size:20px;color:#898989;text-align:left;text-transform:capitalize;margin: 3% 0;}
.box3 .post{font-size:18px;color:#959595;text-align:left;text-transform:capitalize;}
.box4{width:100%;background:#1b6c93;padding:0 0; }
.box4 h1{font-size:38px!important;lline-height:38px!important;}
.box5-content p{ margin:0; padding:20px 0 0 0;font-size: 13px !important;}

element.style {}
.heading2 {width: 58% !important;text-align: center;color: #032e55;font-size: 52px;text-transform: uppercase;margin-bottom: 5%;padding-bottom: 1%;border-bottom: 2px solid #d9d9d9;}
.services-heading {color: #1b6c93;font-size: 20px !important;text-transform: uppercase;text-align: center;}
/*.services-content-mid {width: 27%;margin: 0 9% !important;font-family: 'liberation_sansregular', sans-serif;}
.services-content {width: 27% !important;font-family: 'liberation_sansregular', sans-serif;}
.services-img {padding-left: 10% !important;padding-bottom: 8%;}*/
.recentprojects-img {width: 33% !important;}
.recentproject-details {width: 60% !important;margin-left: 7% !important;}
.recentproject-details p {font-size: 12px !important;color: #FFF;margin-left: 7% !important;}
.recentprojects-heading {color: #FFF;font-size: 18px !important;text-transform: capitalize;margin-left: 4%;}
.heading3 {color: #FFF;font-size: 45px !important;padding-top: 1% !important;padding-bottom: 2%;}
.recentproject-details span {font-size: 13px;}
.viewprojects {width: 46% !important;font-size: 18px !important;color: #51c6ff;text-align: center;margin-left: 7%;margin-top: 2%;padding-bottom: 1%;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.footermidbox ul{padding-left:20%;}
.footermidbox ul li{list-style-type:none;padding-bottom:20% !important;color:#b9b9b9;font-size:13px !important;}
.footerrightbox ul li{list-style-type:none;margin:0;color:#b9b9b9;	font-size:13px !important;}
.footerone {width: 90% !important;}
.footerleftbox {width: 25% !important;margin: 6% 3% 0 0 !important;}
.footermidbox {width: 20% !important;margin-top: 3% !important;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;padding-right: 3%;}
.footerrightbox {width: 44% !important;margin: 5% 0 0 4% !important;}	
.project {width: 75 !important%;margin-bottom: 3% !important;}
.projectslider {width: 100% !important;height: 200px !important;margin-bottom:35px !important;}
.projectdetailsbox {width: 100% !important;padding: 1% 0% 0 0% !important; margin-bottom:20px !important;}
.customerlogobox_text{  font-size:16px !important;}		
.formArea {width:100%; margin:0 auto;}
.formBox {width:75%; margin:0 auto;}
.formTitle {width: 90%;font-size:17px;margin-left: 9%;margin-top: 4%;padding-bottom: 4%;}
.formLeft {width: 41%;margin-left: 9%;}
.formRight {width:50%;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 90%;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:90%;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 44% !important;padding: 3% 5% 5% 56%;}
.submitBtn {width: 76%;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 42px !important;line-height: 25px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.telicon{ width: 79% !important;padding-left: 42px !important;line-height: 25px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.emailicon{ width: 79% !important;padding-left: 42px !important;line-height: 25px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.ptagline{font-size: 23px;padding-bottom: 3%;}

}

/*@media only screen and (max-width: 640px)*/
@media only screen and (min-width: 569px) and (max-width: 667px) {
/*Navigation Section*/
.logo_box {width: 100% !important;}
.navigation_box {width: 90% !important;margin: 17px 0% 17px 10%!important;}
.navigation_box ul li {float: left;list-style: none;margin: 0 21px !important;font-size: 20px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 3px 0px 0 0 !important;
width: 13px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 215px !important; }
.rsMinW .rsArrowLeft { right: 7px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -3px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 27px !important;}
/*Content Section*/
.maincontentbox{ margin-top:50px !important;}
h1{font-size:50px!important;line-height:40px!important;}
h2{width: 225px!important;font-size: 34px!important;}
h3{font-size:34px!important;padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.content-help{width:100%;background:#eae9e7;padding: 31px 0 31px 0!important;}
.contentbox1 p {font-size: 17px !important;padding-top: 30px !important;}
.contentbox1-arrow {margin-top: -3% !important;}
.services {padding-top: 25px !important;}
.services-content-mid {width: 30% !important;  margin:0 5% !important; }
.services-content {width: 30% !important;}
.services-img {padding-left: 0% !important;padding-bottom:6% !important; margin:0 auto; width:138px;margin-top: 0 !important;}
.services-heading {color: #1b6c93;font-size: 17px !important;text-transform: uppercase;text-align: center;}
.services-content p {text-align: justify !important;font-size: 12px !important;height: 140px !important;}
.services-content-mid p {text-align: justify;font-size: 12px !important;color: #959595;height: 140px !important;}
.recentproject-details p {font-size: 12px !important; line-height:16px !important;}
.customerlogobox_slider{ width:80% !important;}  
.customerlogobox_text{ margin:15px 0 0 0!important}
.nbs-flexisel-inner {width: 80% !important;margin: 0 auto !important;float: none !important;} 
.nbs-flexisel-nav-left{top: 15px !important; left:0 !important;}
.nbs-flexisel-nav-right {top: 15px !important;right: 0px !important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:67% !important;}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
.heading1 {color: #032e55;font-size: 50px !important;text-align: center;}

.heading2 {text-align: center;color: #032e55;font-size: 47px !important;text-transform: uppercase;margin-bottom: 5%;padding-bottom: 1%;border-bottom: 2px solid #d9d9d9;}
.services-heading {color: #1b6c93;font-size: 17px !important;text-transform: uppercase;text-align: center;}
/*.services-content p {text-align: left !important;font-size: 12px !important;height: 140px !important;}
.services-content-mid p {text-align: justify;font-size: 12px !important;color: #959595;height: 140px !important;}*/
.heading3 {color: #FFF;font-size: 44px !important;padding-top: 0;padding-bottom: 2%;}
.recentprojects-img {width: 28% !important;}
.recentproject-details {width: 65% !important;margin-left: 7% !important;}
.recentprojects-heading {color: #FFF;font-size: 13px !important;text-transform: capitalize;margin-left: 4%;}
.recentproject-details span {font-size: 11px !important;}

.viewprojects {width: 45% !important;font-size: 15px !important;color: #51c6ff;text-align: center;margin-left: 7%;margin-top: 2%;padding-bottom: 1%;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.footerone {width: 100% !important;}
.footerleftbox {width: 25% !important;margin: 6% 3% 0 3% !important;}
.footermidbox {width: 20% !important;margin-top: 3% !important;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;padding-right: 3%;}
.footerrightbox {width: 40% !important;margin: 5% 0 0 4%;}
.projectslider {width: 100% !important;height: 215px !important;margin-bottom:35px !important;}
.projectdetailsbox {width: 100% !important;padding: 2% 0% 0 0% !important; margin-bottom:20px;}
.project {width: 75%;margin-bottom: 3% !important;}
.formArea {width:100%; margin:0 auto;}
.formBox {width:100% !important;}
.formTitle {width: 100% !important;font-size:16px !important;margin-left: 0% !important; text-align:center;}
.formLeft {width: 41%;margin-left: 9%;}
.formRight {width:50%;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 90%;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:90%;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 39%;padding: 3% 5% 5% 56%;}
.submitBtn {width: 76%;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 42px !important;line-height: 34px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.telicon{ width: 79% !important;padding-left: 42px !important;line-height: 34px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.emailicon{ width: 79% !important;padding-left: 42px !important;line-height: 34px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important; height:34px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.ptagline{font-size: 23px;padding-bottom: 3%;}

}

@media only screen and (min-width: 481px) and (max-width: 568px) {
/*Navigation Section*/
.logo_box {width: 100% !important;}
.navigation_box {width: 100% !important;margin: 17px 0% 17px 0!important;}
.navigation_box ul li {float: left;list-style: none;margin: 0 21px !important;font-size: 20px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 0 0px !important;width: 22px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 215px !important; }
.rsMinW .rsArrowLeft { right: 8px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -2px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 28px !important;}
/*Content Section*/
.maincontentbox{ margin-top:50px !important;}
h1{font-size:45px!important;line-height:40px!important;}
h2{width: 225px!important;font-size: 34px!important;}
h3{font-size:34px!important;padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.content-help{width:100%;background:#eae9e7;padding: 31px 0 31px 0!important;}
.contentbox1 p {font-size: 13px !important;text-align: center;padding-top: 25px !important;}
.contentbox1-arrow{margin-top:-23px !important;}
.services {padding-top: 26px !important;}
.services-content-mid {width: 413px !important;  margin:0 auto !important;}
.services-content {width: 413px !important;}
.services-content-mid p {width: 413px !important; height:50px !important;}
.services-content p{ height:50px !important;}
.services-img {padding-left: 0% !important;padding-bottom:6% !important; margin:0 auto; width:138px;margin-top: 0 !important;}
.services2-img{ display:none !important;}
.recentprojects-img { display:none !important;}
.recentprojects-heading {font-size: 20px !important;}
.recentproject-details span{font-size:14px !important;	}
.recentproject-details {width: 100% !important;margin-left:0 !important;}
.projectslider {width: 100% !important;height: 215px !important; margin-bottom:35px !important;}
.recentproject-details p {font-size: 13px !important; margin-left:25px !important;}  
.viewprojects {width: 134px !important;font-size: 17px !important;}
.footermidbox span {font-size:14px !important;}
.customerlogobox_text{  font-size:16px !important; width:25% !important;}	
.customerlogobox_slider{ width:75% !important;}
.customerlogobox_inside{ padding:35px 0 !important;}
.nbs-flexisel-inner {width: 80% !important;margin: 0 auto !important;float: none !important;} 
.nbs-flexisel-nav-left{top: 17px !important; left:0px !important;}
.nbs-flexisel-nav-right {top: 17px !important;right: 0px !important;}
.footertwotext {color: #a9a9a9;font-size: 10px !important;}
.footermidbox span {color: #FFF;text-transform: uppercase;font-size: 18px;padding-left: 0% !important;}
.footerrightbox span {color: #FFF;text-transform: uppercase;font-size: 18px !important;}
.footerrightbox ul li {list-style-type: none;margin: 0;color: #b9b9b9;font-size: 12px !important;}
.projectdetailsbox {width: 100% !important;padding: 2% 0% 0 0% !important; margin-bottom:20px;}
.box1content p {font-size: 14px !important; }
.box1content h1 { font-size:45px!important;line-height:40px!important;}
.leftrightbox{width:100%!important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:100%}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
.midbox{width:100%!important;margin:0 0%!important;}
.midbox img{max-width:100%}
.box3{width:75%;}
.box3 p{color:#363636; font-size:14px;}
.box3 .title{font-size:20px;color:#898989;text-align:left;text-transform:capitalize;margin: 3% 0;}
.box3 .post{font-size:18px;color:#959595;text-align:left;text-transform:capitalize;}
.box4{width:100%;background:#1b6c93;padding:0 0; }
.box4 h1{font-size:38px!important;lline-height:38px!important;}
.box5-content p{ margin:0; padding:20px 0 0 0;font-size: 14px !important;}
.formArea {width:100%; margin:0 auto;}
.formBox {width:100% !important;}
.formTitle {width: 100% !important;font-size:16px !important;margin-left: 0% !important; text-align:center;}
.formLeft {width: 100% !important;margin-left: 0% !important;}
.formRight {width:100% !important;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 100% !important;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:100% !important;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 44% !important;padding: 3% 5% 5% 64% !important;}
.submitBtn {width: 76%;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 42px !important;line-height: 35px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.telicon{ width: 79% !important;padding-left: 42px !important;line-height: 35px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.emailicon{ width: 79% !important;padding-left: 42px !important;line-height: 35px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.ptagline{font-size: 23px;padding-bottom: 3%;}
.footerrightbox {width: 45% !important;margin: 8% 0 0 4% !important;} 
.footerrightbox span {font-size: 14px !important;}
.footerleftbox {margin: 9% 3% 0 0% !important;}


}

@media only screen and (min-width: 321px) and (max-width: 480px) {
/*Navigation Section*/
.logo_box {width: 100% !important;}	
.navigation_box {width: 100% !important;margin: 5% 0%!important;}	
.navigation_box ul li {float: left;list-style: none;margin: 0 14px !important;font-size: 14px !important;color: #838383;}
.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 0 0px !important;} 
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 0 0px !important;width: 9px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 160px !important; }
.rsMinW .rsArrowLeft { right: 8px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -3px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 25px !important;}
/*Content Section*/
.maincontentbox{ margin-top:50px !important;}
h1{font-size:45px!important;line-height:40px!important;}
h2{width: 225px!important;font-size: 34px!important;}
h3{	font-size:34px!important; padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.content-help{width:100%;background:#eae9e7;padding: 31px 0 31px 0!important;}
.contentbox1 p {font-size: 13px !important;text-align: center;padding-top: 32px !important;}
.contentbox1-arrow{margin-top:-23px !important;}
.services {padding-top: 26px !important;}
.services-img {padding-left: 0% !important;padding-bottom:6% !important; margin:0 auto; width:138px;margin-top: 0 !important;}
.services-content-mid {width: 269px !important;margin: 0 !important;}
.services-content {width: 269px !important;}
.services-content-mid p {width: 269px !important; height:85px !important;}
.services-content p{ height:85px !important;}
.recentprojects-img{display:none;}
.recentprojects-heading {font-size: 17px !important;}
.projectslider {width: 100% !important;height: 160px !important; margin-bottom:35px !important;}
.projectdetailsbox {width: 100% !important;padding: 2% 0% 0 0% !important; margin-bottom:20px !important;}
.recentproject-details span{font-size:14px !important;	}
.recentproject-details {width: 100% !important;margin-left:0 !important;}
.recentproject-details p {font-size: 13px !important; margin-left:25px !important;}  
.viewprojects {width: 134px !important;font-size: 17px !important;}
.box1content p {font-size: 14px !important; }
.box1content h1 { font-size:45px!important;line-height:40px!important;}
.leftrightbox{width:100%!important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:100%}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
.midbox{width:100%!important;margin:0 0%!important;}
.midbox img{max-width:100%}
.box3{width:75%;}
.box3 p{color:#363636; font-size:14px;}
.box3 .title{font-size:20px;color:#898989;text-align:left;text-transform:capitalize;margin: 3% 0;}
.box3 .post{font-size:18px;color:#959595;text-align:left;text-transform:capitalize;}
.box4{width:100%;background:#1b6c93;padding:0 0; }
.box4 h1{font-size:30px!important;lline-height:30px!important;}
.box5-content p{ margin:0; padding:20px 0 0 0;font-size: 14px !important;}

.customerlogobox_text{  font-size:18px !important; width:100% !important; text-align:center; margin:0 0 20px 0!important;}	
.customerlogobox_inside{ padding:15px 0 !important;}
.customerlogobox_slider{ width:100% !important;}  
.nbs-flexisel-inner {width: 80% !important;margin: 0 auto !important;float: none !important;} 
.nbs-flexisel-nav-left{top: 40px !important; left:0 !important;}
.nbs-flexisel-nav-right {top: 40px !important;right: 0px !important;}
.footerleftbox { width:70% !important;}
.footermidbox {width: 100% !important;margin-top: 5%;padding-right: 6%;border-top: 1px solid #808080;border-bottom: 1px solid #808080;padding: 10px 0;margin: 10px 0 10px 0 !important;border-left:none !important;border-right:none !important;}
.footermidbox span {padding-left: 0px !important; font-size:14px !important;}
.footermidbox ul {padding-left: 10px !important;}
.footermidbox ul li {list-style-type: none;font-size: 11px !important;float: left;padding: 0 22px 0 0!important;}
.footerrightbox {width: 100% !important;margin: 0 0 0 4%;}
.footerrightbox span {color: #FFF;text-transform: uppercase;font-size: 14px !important;}
.footerrightbox ul li {list-style-type: none;margin: 0;color: #b9b9b9;font-size: 11px !important;}
.footertwotext {color: #a9a9a9;font-size: 10px !important;text-align: center;}
.formArea {width:100%; margin:0 auto;}
.formBox {width:100% !important;}
.formTitle {width: 100% !important;font-size:16px !important;margin-left: 0% !important; text-align:center;}
.formLeft {width: 100% !important;margin-left: 0% !important;}
.formRight {width:100% !important;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 100% !important;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:100% !important;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 39%;padding: 3% 5% 5% 66% !important;}
.submitBtn {width: 76%;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 42px !important;line-height: 16px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.telicon{ width: 79% !important;padding-left: 42px !important;line-height: 30px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.emailicon{ width: 79% !important;padding-left: 42px !important;line-height: 30px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.ptagline{font-size: 23px;padding-bottom: 3%;}

}

@media only screen and (min-width: 241px) and (max-width: 320px) {
/*Navigation Section*/
.logo_box {width: 100% !important;}	
.navigation_box {width: 100% !important;margin: 7% 0%!important;}	
.navigation_box ul li {float: left;list-style: none;margin: 0 10px !important;font-size: 13px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 0 0px !important;width: 9px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 160px !important; }
.rsMinW .rsArrowLeft { right: 9px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: -1px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 23px !important;}
/*Content Section*/
.maincontentbox{ margin-top:50px !important;}
h1{font-size:45px!important;line-height:40px!important;}
h2{width: 225px!important;font-size: 34px!important;}
h3{	font-size:34px!important; padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.content-help{width:100%;background:#eae9e7;padding: 31px 0 31px 0!important;}
.contentbox1 p {font-size: 13px !important;text-align: center;padding-top: 32px !important;}
.contentbox1-arrow{margin-top:-23px !important;}
.services {padding-top: 26px !important;}
.services-content-mid {width: 227px !important;}
.services-content {width: 227px !important;}
.services-content-mid p {width: 227px !important; height:85px !important;}
.services-content p{ height:85px !important;}
.recentprojects-heading {font-size: 17px !important;}
.recentprojects-img{display:none;}
.projectslider {width: 100% !important;height: 160px !important; margin-bottom:35px !important;}
.recentproject-details span{font-size:14px !important;	}
.recentproject-details {width: 100% !important;margin-left:0 !important;}
.recentproject-details p {font-size: 13px !important; margin-left:25px !important;}  
.viewprojects {width: 134px !important;font-size: 17px !important;}
.customerlogobox_text{  font-size:18px !important; width:100% !important; text-align:center; margin:0 0 20px 0!important;}	
.customerlogobox_inside{ padding:15px 0 !important;}
.customerlogobox_slider{ width:100% !important;}  
.nbs-flexisel-inner {width: 70% !important;margin: 0 auto !important;float: none !important;} 
.nbs-flexisel-nav-left{top: 25px !important; left:0;}
.nbs-flexisel-nav-right {top: 25px !important;right: 0px;}
.box1content p {;font-size: 13px !important; }
.box1content h1 { font-size:45px!important;line-height:40px!important;}
.leftrightbox{width:100%!important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:100%}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
.midbox{width:100%!important;margin:0 0%!important;}
.midbox img{max-width:100%}
.box3{width:75%;}
.box3 p{color:#363636; font-size:13px;}
.box3 .title{font-size:20px;color:#898989;text-align:left;text-transform:capitalize;margin: 3% 0;}
.box3 .post{font-size:18px;color:#959595;text-align:left;text-transform:capitalize;}
.box4{width:100%;background:#1b6c93;padding:0 0; }
.box4 h1{font-size:25px!important;lline-height:25px!important;}
.box5-content p{ margin:0; padding:20px 0 0 0;font-size: 13px !important;}
  
.heading1 {color: #032e55;font-size: 25px !important;text-align: center;}
.heading2 {text-align: center;color: #032e55;font-size: 21px !important;text-transform: uppercase;margin-bottom: 5%;padding-bottom: 1%;border-bottom: 2px solid #d9d9d9;}
.services-img {padding-left: 0!important; padding-bottom: 6%;}
.services-heading {color: #1b6c93;font-size: 20px !important;text-transform: uppercase;text-align: center;}

.services-content-mid {width: 27%;margin: 0 1% !important;font-family: 'liberation_sansregular', sans-serif;min-width: 234px;}
.heading3 {color: #FFF;font-size: 24px !important;padding-top: 0;padding-bottom: 2%;text-align:center;}

.footerleftbox { width:70% !important;}
.footermidbox {width: 100% !important;margin-top: 5%;padding-right: 6%;border-top: 1px solid #808080;border-bottom: 1px solid #808080;padding: 10px 0;margin: 10px 0 10px 0 !important;border-left:none !important;border-right:none !important;}
.footermidbox span {padding-left: 10px !important; font-size:14px !important;}
.footermidbox ul {padding-left: 10px !important;}
.footermidbox ul li {list-style-type: none;font-size: 11px !important;float: left;padding: 0 23px 0 0!important;}
.footerrightbox {width: 100% !important;margin: 0 0 0 4%;}
.footerrightbox span {color: #FFF;text-transform: uppercase;font-size: 14px !important;}
.footerrightbox ul li {list-style-type: none;margin: 0;color: #b9b9b9;font-size: 11px !important;}
.footertwotext {color: #a9a9a9;font-size: 10px !important;text-align: center;}
.projectdetailsbox {width: 100% !important;padding: 2% 0% 0 0% !important; margin-bottom:20px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.ptagline{font-size: 23px;padding-bottom: 3%;}
.formArea {width:100%; margin:0 auto;}
.formBox {width:100% !important;}
.formTitle {width: 100% !important;font-size:16px !important;margin-left: 0% !important; text-align:center;}
.formLeft {width: 100% !important;margin-left: 0% !important;}
.formRight {width:100% !important;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 100% !important;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:100% !important;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 39%;padding: 3% 5% 5% 56%;}
.submitBtn {width: 100% !important;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 42px !important;line-height: 16px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.telicon{ width: 79% !important;padding-left: 42px !important;line-height: 30px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}
.emailicon{ width: 79% !important;padding-left: 42px !important;line-height: 30px !important;margin: 3% 0% 0 0% !important;font-size: 13px !important;background-size: 34px !important;}

}

@media only screen and (min-width: 0px) and (max-width: 240px) {
.logo_box {width: 100% !important;}	
.navigation_box {width: 100% !important;margin: 7% 0%!important;}	
.navigation_box ul li {float: left;list-style: none;margin: 2px 3px !important;font-size: 11px !important;color: #838383;}
.navigation_box ul li.navsep {color: #4185a5;float: left;font-size: 16px !important;margin: 0 0px !important;width: 9px !important;}
.navigation_box ul li.navsep img{max-width:100%;}
/*Slider Section*/
.royalSlider.heroSlider {height: 100px !important; }
.rsMinW .rsArrowLeft { right: 46px !important; bottom: -13px; }
.rsMinW .rsArrowRight { right: 35px !important; bottom: -13px; }
.rsMinW .rsBullets{right: 66px !important;}
/*Content Section*/
.maincontentbox{ margin-top:50px !important;}
h1{font-size: 33px!important; line-height: 33px!important;}
h2{width: 167px!important;font-size: 28px!important;}
h3{	font-size:34px!important; padding:0 0 20px 0!important;}	
h4{}
h5{}
h6{}
.content-help{width:100%;background:#eae9e7;padding: 31px 0 31px 0!important;}
.contentbox1 p {font-size: 13px !important;text-align: center;padding-top: 20px !important;}
.contentbox1-arrow{margin-top:-23px !important;}
.services {padding-top: 26px !important;}
.services-content-mid {width: 167px !important;margin: 0 0 !important;}
.services-content {width: 167px !important;}
.services-content-mid p {width: 167px !important; height:105px !important;}
.services-content p{ height:95px !important;}
.recentprojects-heading {font-size: 17px !important;}
.recentprojects-img{display:none;}
.recentproject-details span{font-size:14px !important;	}
.recentproject-details {width: 100% !important;margin-left:0 !important;}
.recentproject-details p {font-size: 13px !important; margin-left:25px !important;}  
.viewprojects {width: 134px !important;font-size: 17px !important;}
.customerlogobox_text{  font-size:18px !important; width:100% !important; text-align:center; margin:0 0 20px 0!important;}	
.customerlogobox_inside{ padding:15px 0 !important;}
.customerlogobox_slider{ width:100% !important;}  
.nbs-flexisel-inner {width: 70% !important;margin: 0 auto !important;float: none !important;} 
.nbs-flexisel-nav-left{top: 17px !important; left:0 !important;}
.nbs-flexisel-nav-right {top: 17px !important;right: 0px !important;}
.box1content p {font-size: 14px !important; }
.box1content h1 { font-size:45px!important;line-height:40px!important;}
.leftrightbox{width:100%!important;}
.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:100%}
.profilepic2 img{max-width:100%}
.profilepic img{max-width:100%}
.midbox{width:100%!important;margin:0 0%!important;}
.midbox img{max-width:100%}
.box3{width:75%;}
.box3 p{color:#363636; font-size:14px;}
.box3 .title{font-size:20px;color:#898989;text-align:left;text-transform:capitalize;margin: 3% 0;}
.box3 .post{font-size:18px;color:#959595;text-align:left;text-transform:capitalize;}
.box4{width:100%;background:#1b6c93;padding:0 0; }
.box4 h1{font-size:19px!important;lline-height:19px!important;}
.box5-content p{ margin:0; padding:20px 0 0 0;font-size: 14px !important;}
.footerleftbox { width:70% !important;}
.footermidbox {width: 100% !important;margin-top: 5%;padding-right: 6%;border-top: 1px solid #808080;border-bottom: 1px solid #808080;padding: 10px 0;margin: 10px 0 10px 0 !important;border-left:none !important;border-right:none !important;}
.footermidbox span {padding-left: 10px !important; font-size:14px !important;}
.footermidbox ul {padding-left: 10px !important;}
.footermidbox ul li {list-style-type: none;font-size: 11px !important;float: left;padding: 0 23px 0 0!important;}
.footerrightbox {width: 100% !important;margin: 0 0 0 4%;}
.footerrightbox span {color: #FFF;text-transform: uppercase;font-size: 14px !important;}
.footerrightbox ul li {list-style-type: none;margin: 0;color: #b9b9b9;font-size: 11px !important;}
.footertwotext {color: #a9a9a9;font-size: 10px !important;text-align: center;}
.projectdetailsbox {width: 100% !important;padding: 2% 0% 0 0% !important; margin-bottom:20px !important;}
.projectsheader-container h1{padding-top: 3%;margin-bottom: 1%;font-size: 58px;}
.projectslider {width: 100% !important;height: 100px !important; margin-bottom:35px !important;}
.ptagline{font-size: 23px;padding-bottom: 3%;}
.formArea {width:100%; margin:0 auto;}
.formBox {width:100% !important;}
.formTitle {width: 100% !important;font-size:16px !important;margin-left: 0% !important; text-align:center;}
.formLeft {width: 100% !important;margin-left: 0% !important;}
.formRight {width:100% !important;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 100% !important;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #e2e2e2;font-family: 'straitregular';}
.TextArea {width:100% !important;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #e2e2e2;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 39%;padding: 3% 5% 5% 58% !important;}
.submitBtn {width: 76%;height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}
.addicon{ width: 79% !important;padding-left: 27px !important;line-height: 14px !important;margin: 3% 0% 0 0% !important;font-size: 10px !important;background-size: 22px !important;height: 30px !important;}
.telicon{ width: 79% !important;padding-left: 27px !important;line-height: 18px !important;margin: 3% 0% 0 0% !important;font-size: 10px !important;background-size: 22px !important;height: 30px !important;}
.emailicon{ width: 79% !important;padding-left: 27px !important;line-height: 18px !important;margin: 3% 0% 0 0% !important;font-size: 10px !important;background-size: 22px !important;height: 30px !important;}

}

/*--------------------------------Media queries end------------------------------------*/


/*Main container styles	*/

#main_cont{ width:100%;}

.header_cont{ width:100%}

.logo_box{ width:30%;}
.logo_box img { max-width: 100%; }

.navigation_box {width: 53%;margin: 5% 2% 4% 15%;
}
.navigation_box a{text-decoration:none;color:#838383; }

.navigation_box ul { margin:0; padding:0;}

.navigation_box ul li { float:left; list-style:none; margin:0 24px;font-size: 24px; color:#838383; text-transform:uppercase;}

.navsep{color:#4185a5;float:left;font-size: 25px; margin: 0 0px !important;}



/*footer*/
.footermain{width:100%;background-color:#5d5d5d;margin:0px;padding:2% 0;font-family: 'liberation_sansregular', sans-serif;}	
.footermidbox a{text-decoration:none;color:#b9b9b9;}	
.footeronebox{width:100%;background-color:#5d5d5d;}	
.footerone{width:75%;}	
.footermidbox ul{padding-left: 38px; text-align:left;}	
.footermidbox ul li{list-style-type:none;padding-bottom:13%;color:#b9b9b9;font-size:18px; text-align:left;}	
.footermidbox span{	color:#FFF;text-transform:uppercase;font-size:22px; text-align:left;/*padding-left: 18%;padding-left: 17%\9;*/}
.footerleftbox{	width: 24%;	margin: 7% 3% 0 0%;}
.footerleftbox img{max-width:100%;}
.footermidbox{width:20%;margin-top: 5%;margin-top: 6%\9;border-left: 1px solid #808080;border-right: 1px solid #808080;padding-right: 3%; text-align:left;}
.footerrightbox{width: 43%;margin: 6% 0 0 4%;}
.footerrightbox ul{padding-left: 0; margin:5px 0 20px;}	
.footerrightbox ul li{list-style-type:none;margin:0;color:#b9b9b9;font-size:18px; line-height:27px}	
.footerrightbox span{color:#FFF;text-transform:uppercase;font-size:22px;}	
.socialmedia{margin-top:20px;}	
.fblogo{margin-right:1%;}
.fblogo img{max-width:100%;}
.linkedinlogo{}		
.linkedlogo img{max-width:100%;}
.footertwobox{width:100%;background:#444444;padding-top:1%;padding-bottom:1%;}
.footertwo{width:75%;}
.footertwotext{color:#a9a9a9;font-size:11px;font-family: 'liberation_sansregular', sans-serif;}
.footertwotext a{text-decoration:none;color:#a9a9a9;}
.footertwotext span{margin-left: 3%;}	
/*footer end*/	




/*slider*/
.sliderhomebox{
	width:100%;
	}




/*main content*/

.maincontentbox{
		width:100%;
		/*margin-top: 5%;*/
	}
.content-help{width:100%;background:#eae9e7;padding: 47px 0 47px 0;}


.contentbox1{
		width:75%;
	}

h1{color:#032e55;font-size:58px;text-align:center;line-height:58px;padding:0;margin:0;font-weight:normal;}
h2{width: 35%;text-align: center;color: #032e55;font-size: 52px;text-transform: uppercase;padding:0;margin:0;padding-bottom: 10px;border-bottom: 2px solid #d9d9d9;font-weight:normal;}
h3{	color:#FFF;	font-size:52px; margin:0; padding:0 0 30px 0;font-weight:normal;}	
h4{}
h5{}
h6{}

.contentbox1 p{
	color:#363636;	font-size:20px;	text-align:center;	padding-top: 40px;	line-height: 21px; margin-bottom:0; margin-top:0;	}


.contentbox1-arrow{	background:url(../images/arrowDown.png) no-repeat;width:43px;height:43px;margin: 0 auto;margin-top: -2%;}

.contentbox2{
		width:75%;
		margin-top: 4%;
	}



.services{	width:100%; padding-top:45px;}

.services-content{
	width: 26%;
	font-family: 'liberation_sansregular', sans-serif;
	}
	
.services-content-mid{
	width: 26%;
	margin: 0 11%;
	font-family: 'liberation_sansregular', sans-serif;
	}	
	
.services-content-mid p{text-align:justify;font-size:12px;color:#959595;line-height: 15px; height: 110px;}	

.services-img{
	padding-left: 20%;
	padding-bottom: 8%;
	margin-top: 5%;
	}

.services-img img{
	max-width:100%;
	}

.services-heading{
	color:#1b6c93;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	}

.services-content p{
	text-align:justify;font-size:12px;color:#959595;line-height: 15px;height: 110px;}
	
.services a{
	text-decoration:none;
	color:#1b6c93;
	}	

.services2{
	width:100%;
	margin-top: 40px;
	}

.services-content2{
	width:33%;
	}

.services2-img img{
	max-width:100%;
	}
.moreinfoarrow{	background: url(../images/iconTriangle1.png) no-repeat center left;padding-left: 16px;line-height: 16px;
margin:14px 2px;color:#032e55;font-size:20px;font-family: 'Pathway Gothic One', sans-serif;text-transform: uppercase;	}
.moreinfoarrow a{text-decoration:none;color:#032e55;}
.moreinfoarrow a:hover{color:#054A89;}

.contentbox3{width: 100%;margin-top: 40px;background: #002d66;padding: 28px 0 35px 0;}


.recentprojectsbox{width:75%;}
.rpbox{width:100%;font-family:'liberation_sansregular', sans-serif;}
.recentproject-details{	width:70%;margin-left:7%;}	
.recentproject-details span{font-size:20px;	}
.recentproject-details p{font-size:16px;color:#FFF;	margin-left: 25px; line-height:20px;text-align: justify;}
.recentprojects-img{width:23%;}	
.recentprojects-img img{max-width:100%;}	
.recentprojects-arrow{background:url(../images/iconTriangle.png) no-repeat;width:23px;height:25px;}
.recentprojects-heading{color:#FFF;font-size:27px;text-transform:capitalize;margin-left: 25px;}		
.viewprojects {width: 210px;font-size: 27px;margin-left: 25px;border-bottom: 1px solid #787f85;border-top: 1px solid #787f85;padding: 5px 0;text-align: left;}
.viewprojects a{text-decoration:none;color:#51c6ff;}	
.viewprojects a:hover{text-decoration:none;color:#49BAF0;}	
.customerlogosbox{width:100%;background:#FFF;}	

/*Projects */

.maincontentbox2{width:100%;border-bottom: 2px solid #5d5d5d;}

.projectsheader{width:100%; background:#285983;box-shadow: inset 0px 0px 17px -4px #000;}

.projectsheader-container{width:75%;}

.projectsheader-container h1{color: white;padding-top: 5%;margin-bottom: 1%;font-size: 58px;text-shadow: 0px 0px 7px #000; text-align:left;}

.ptagline{font-size: 23px;color: white;padding-bottom: 4%;text-shadow: 2px 1px 0px #000;}

.projects-container{width:100%;margin-top: 4%;}

.project{width:75%;margin-bottom: 6%;}

.projectslider{width:60%; height:376px;}

.projectdetailsbox {width: 35%;padding: 0% 2% 0 3%;}

.projectname{color:#696969; font-size:24px; text-transform:uppercase;}

.clientname{font-size:20px;color:#696969;text-transform:capitalize;font-family: 'Pathway Gothic One', sans-serif;}

.projectdescription{font-size:14px;color:#696969;font-family: 'Pathway Gothic One', sans-serif;margin-top: 3%;}


/*About us*/

.box1{width:100%; background:#ebeae8; padding:35px 0 35px 0; margin:0 0 45px 0;}

.box1content{width:75%;}

.box1content h1 {font-size: 58px;color: #032e55;text-align: left;font-weight:normal; line-height:58px; padding:0; margin: 0;}

.box1content p {font-size: 20px;color: #363636;text-align: justify; padding:0; margin:20px 0 0 0; }

.box2{width:75%;}

.leftrightbox{width:31%;}

.profilepic1 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic2 {width:100%; margin:0 auto; margin-bottom:20px;}
.profilepic1 img{max-width:100%}
.profilepic2 img{max-width:100%}
.midbox{width:31%;margin:0 3%;}  

.midbox img{max-width:100%}

.box3{width:75%;}

.box3 p{color:#363636; font-size:13px;}

.box3 .title{font-size:20px;color:#898989;text-align:left;text-transform:capitalize;margin: 3% 0;}

.box3 .post{font-size:18px;color:#959595;text-align:left;text-transform:capitalize;}

.box4{width:100%;background:#1b6c93;padding:0 0; }

.box4 h1{font-size:50px; color:#FFF; text-align:left; margin:0 0;lline-height:50px; padding:30px 0;}

.box4-content{width:75%;}

.box5{width:100%;}

.box5-content{width:75%;}

.box5-content p{margin-top: 3%; font-size:20px;}

/*contact us*/

.contactus-content{width:75%;}

.contactus-content h1{font-size:58px; color:#032e55; text-align:center; font-weight:lighter;margin:0 0;padding-top:2%;}

.contactus-content p{color:#363636;font-size:20px; text-align:center;margin:0 0;padding:2% 0 5% 0;}

.bluebar{width:100%; background:#004f7b;height: 100px;}

.formbox{width:75%; height:100px;}


.contacticonsbox{width:81%; margin-bottom:3%;}

.addicon{background:url(../images/icon1.jpg) no-repeat; width: 39%;height: 49px;padding-left: 65px;
line-height: 49px;margin: 3% 0% 0 0%;font-size: 16px;color: #C0BFBF;font-family: 'liberation_sansregular', sans-serif;
font-weight: lighter;}

.telicon{background:url(../images/icon2.jpg) no-repeat; width: 15%;height: 49px;padding-left: 65px;
line-height: 49px;margin: 3% 0% 0 0%;font-size: 16px;color: #C0BFBF;font-family: 'liberation_sansregular', sans-serif;
font-weight: lighter;}

.emailicon{background:url(../images/icon3.jpg) no-repeat; width: 28%;height: 49px;padding-left: 65px;
line-height: 49px;margin: 3% 0% 0 0%;font-size: 16px;color: #C0BFBF;font-family: 'liberation_sansregular', sans-serif;
font-weight: lighter;}

/*.contacticonsbox{width:75%; margin-bottom:3%;}
.addicon{background:url(../images/icon1.jpg) no-repeat; width: 33%;height: 49px;padding-left: 6%;padding-top: 1%;
line-height: 16px;margin: 3% 0% 0 1%;font-size: 16px;color: #C0BFBF;font-family: 'liberation_sansregular', sans-serif;
font-weight: lighter;}

.telicon{background:url(../images/icon2.jpg) no-repeat; width: 16%;height: 49px;padding-left: 6%;padding-top: 1%;
line-height: 16px;margin: 3% 0% 0 0%;font-size: 16px;color: #C0BFBF;font-family: 'liberation_sansregular', sans-serif;
font-weight: lighter;}

.emailicon{background:url(../images/icon3.jpg) no-repeat; width: 32%;height: 49px;padding-left: 6%;padding-top: 1%;
line-height: 16px;margin: 3% 0% 0 0%;font-size: 16px;color: #C0BFBF;font-family: 'liberation_sansregular', sans-serif;
font-weight: lighter;}
*/

/*Thilini*/
.customerlogobox_inside{ width:75%; padding:55px 0;}
.customerlogobox_text{ width:20%; margin:20px 0 0 0; font-size:26px; font-family: 'liberation_sansregular', sans-serif; color:#8e8e8e; font-weight:500;}
.customerlogobox_slider{ width:80%;}
     #full-width-slider {
  width: 100%;
  color: #fff;
}
.formArea {width:100%; margin:0 auto;}
.formBox {width:75%; margin:0 auto;}
.formTitle {width: 90%;font-size:17px;margin-left: 9%;margin-top: 4%;padding-bottom: 4%;}
.formLeft {width: 41%;margin-left: 9%;}
.formRight {width:50%;}
.formLabel {width:90%; height:30px;line-height:30px;padding:5px;font-size:15px;}
.TextBox {width: 90%;height: 35px;line-height: 35px;padding: 5px; margin-bottom: 10px;}
.TextBoxT {width: 90%;height: 20px;line-height: 20px;padding: 5px;border: 1px solid #F8F8F8;font-family: 'straitregular';background-color:#F8F8F8;}
.TextArea {width:90%;padding: 5px;}
.TextAreaT {width:90%; height:130px;padding: 5px; overflow-y:auto;border: 1px solid #F8F8F8;background: #F8F8F8;font-family: 'straitregular';}
.submit {width: 39%;padding: 3% 5% 5% 56%;}
.submitBtn {width: 76%;height: 30px;padding: 4px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none; cursor:pointer}

.submitBtn1 {height: 30px;padding: 2px 5px 5px 5px;background: #032e55;color:#FFF;font-family: 'straitregular'; font-size:20px; border:none; outline:none;}

#full-width-slider * {
   -webkit-backface-visibility: inherit;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

/*
@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 361px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 361px !important;
    }
}*/
@media screen and (min-width: 0px) and (max-width: 800px) {
/*  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }*/
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}


.go-top {
   position: fixed;
   bottom:38px;
   right: 0.5em;
   text-decoration: none;
   font-size: 12px;
   padding: 10px;
   display: none;
   margin: 0;
}

.go-top:hover {
   color: white;
   text-decoration: none;
}
.help-block {font-size:11px; line-height:15px; color:#F00;}