@viewport{

zoom: 1.0;

width: device-width;

}

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

.logo {
  margin-left: 15px;
  padding-left: 0;
}
.right-img {
  float: none;
  margin-left: 15px;
}
.short-info {
  float: none;
  margin-right: 15px;
}
.navbar-nav {
  float: none;
  margin: 0;
}
.navbar-nav > li {
  background: #fbc512 none repeat scroll 0 0;
  border-bottom: 1px solid;
  margin-left: 0;
  margin-right: 0;
}
.welcome {
  margin-right: 0;
}
.welcome img {
  width: 100%;
}
.welcome p {
  margin-bottom: 20px;
}
.home-sidebar {
  background: #fbc512 none repeat scroll 0 0;
  margin-left: 0;
  min-height: 291px;
  padding: 18px 20px 10px;
}
.footer-box .box, .footer-box .box:last-child {
  float: none;
  margin: 0 auto 30px;
}
.footer-box {
  padding-bottom: 0;
}
.footer-bottom .container::before {
  max-width: 291px;
}
.footer-left .box {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}
.footer-right {
  max-width: 100%;
  padding-left: 0;
  padding-top: 20px;
}


.su-column.content-left, .su-column.content-right {
  float: none;
  width: 100%;
}


.su-column.content-right {
  margin-left: 0;
  min-height: 552px;
  padding-left: 17px;
  padding-right: 23px;
  padding-top: 18px;
}
.content-area img.alignleft {
  margin-bottom: 20px;
}
.page-id-22 aside {
  background: url("../images/hire-bg.png") repeat scroll 0 0;
  padding: 18px 60px 10px 34px;
}
.page-id-22 aside {
  padding: 18px 50px 10px 34px;
}
.post-img {
  float: none;
  margin: 0 auto 30px;
  max-width: 263px;
  width: 100%;
}
.post-content {
  float: none;
  padding-bottom: 30px;
  width: 100%;
}
.sidebar-box {
  padding-bottom: 20px;
}
.single-img {
  overflow: hidden;
  width: 100%;
}
.right-content {
  float: none;
  margin-left: 0;
  width: 95%;
}
.right-content aside {
  padding: 18px 34px 10px;
}
.right-content li {
  background: url("../images/address.png") no-repeat scroll 15px 38px;
  padding-left: 70px;
}
.right-content li + li {
  background: url("../images/phone.png") no-repeat scroll 15px 36px;
}
.right-content li + li + li {
  background: url("../images/email.png") no-repeat scroll 15px 30px;
}
.right-content li + li + li + li {
  background: url("../images/website.png") no-repeat scroll 15px 24px;
}
.right-content li + li + li + li + li {
  background: url("../images/man-icon.png") no-repeat scroll 29px 25px ;
}

}





@media screen and (min-width:321px) and (max-width:360px) {
.logo {
  margin: 0 auto;
  padding-left: 0;
}
.right-img {
  float: none;
  margin: 0;
  text-align: center;
}
.short-info {
  float: none;
  margin-right: 15px;
}
.navbar-nav {
  float: none;
  margin: 0;
}
.navbar-nav > li {
  background: #fbc512 none repeat scroll 0 0;
  border-bottom: 1px solid;
  margin-left: 0;
  margin-right: 0;
}
.welcome {
  margin-right: 0;
}
.welcome img {
  width: 100%;
}
.welcome p {
  margin-bottom: 20px;
}
.home-sidebar {
  background: #fbc512 none repeat scroll 0 0;
  margin-left: 0;
  min-height: 291px;
  padding: 18px 20px 10px;
}
.footer-box .box, .footer-box .box:last-child {
  float: none;
  margin: 0 auto 30px;
}
.footer-box {
  padding-bottom: 0;
}
.footer-bottom .container::before {
  max-width: 330px;
}
.footer-left .box {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}
.footer-right {
  max-width: 100%;
  padding-left: 0;
  padding-top: 20px;
}



.su-column.content-left, .su-column.content-right {
  float: none;
  width: 100%;
}
.su-column.content-right {
  margin-left: 0;
  min-height: 552px;
  padding-left: 17px;
  padding-right: 23px;
  padding-top: 18px;
}
.su-column.content-bottom {
  margin-top: 15px;
}
.content-area img.alignleft {
  margin-bottom: 20px;
}
.page-id-22 aside {
  background: url("../images/hire-bg.png") repeat scroll 0 0;
  padding: 18px 60px 10px 34px;
}
.post-img {
  float: none;
  margin: 0 auto 30px;
  max-width: 263px;
  width: 100%;
}
.post-content {
  float: none;
  padding-bottom: 30px;
  width: 100%;
}
.sidebar-box {
  padding-bottom: 20px;
}
.single-img {
  overflow: hidden;
  width: 100%;
}
.right-content {
  float: none;
  margin-left: 0;
  width: 95%;
}
.right-content aside {
  padding: 18px 34px 10px;
}
.right-content li {
  background: url("../images/address.png") no-repeat scroll 15px 38px;
  padding-left: 70px;
}
.right-content li + li {
  background: url("../images/phone.png") no-repeat scroll 15px 36px;
}
.right-content li + li + li {
  background: url("../images/email.png") no-repeat scroll 15px 30px;
}
.right-content li + li + li + li {
  background: url("../images/website.png") no-repeat scroll 15px 24px;
}
.right-content li + li + li + li + li {
  background: url("../images/man-icon.png") no-repeat scroll 29px 25px ;
}

	}





@media screen and (min-width:361px) and (max-width:640px) {
.logo {
  margin: 0 auto;
  padding-left: 0;
}
.right-img {
  margin-right: 30px;
}
.navbar-nav {
  float: none;
  margin: 0;
}
.navbar-nav > li {
  background: #fbc512 none repeat scroll 0 0;
  border-bottom: 1px solid;
  margin-left: 0;
  margin-right: 0;
}
.home .soliloquy-container .soliloquy-caption {
  bottom: 0;
  top: 4px;
  width: 54%;
  margin-right: -6px;
}


.home .soliloquy-container .soliloquy-caption-inside {
  font-size: 30px !important;

}
.welcome {
  margin-bottom: 28px;
  margin-right: 0;
}
.home-sidebar {
  margin-left: 24px;
  padding-left: 25px;
  padding-right: 91px;
  padding-top: 7px;
}
.footer-box .box {
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 14px;
}
.copyright, .copyright a {
  text-align: center;
}
.footer-left .box {
  float: left;
  width: 33%;
}
.customSelect {
  background: url("../images/select_bg.png") no-repeat scroll 580px 17px #efefef;
  width: 610px !important;
}
.footer-bottom .container::before {
  width: 95%;
}
.su-column.content-left {
  width: 44% !important;
  float:left !important;
}
.su-column.content-right {
  padding-right: 38px;
  width: 53% !important;
  float:left !important;
}
.su-column.content-bottom {
  float: left !important;
}
.content-area img.alignleft {
  margin-bottom: 20px;
}
.post-content {
  float: left;
  width: 50%;
}
.sidebar-box {
  padding-bottom: 20px;
}
.content-area .su-column.right {
  float: left !important;
}
.su-column.right-content {
  float: left !important;
  width: 48% !important;
}

	}

@media screen and (min-width:400px) and (max-width:480px) {
.footer-top, .footer-top p {
  padding-top: 5px;
}
.su-column.content-left, .su-column.content-right {
  float: none;
  width: 100%;
  padding:0;
}
.page-template-contact .selectstate select {
  width: 450px !important;
}
.customSelect {
  background: url("../images/select_bg.png") no-repeat scroll 420px 17px #efefef;
  width: 450px !important;
}	
	
}



@media screen and (min-width:641px) and (max-width:1000px) {
header .col-lg-5 {
width: 100%;
}
header .container {
  padding-right: 15px;
}
.logo {
  margin: 0 auto;
  padding-left: 0;
  width: 315px;
}
.right-img {
  margin-left: 40px;
  margin-right: 50px;
}
.short-info {
  margin-right: 50px;
}
nav.navbar {
  background: url("../images/nav-bg.png") repeat scroll 0 0;
}
.home .soliloquy-container .soliloquy-caption {
  bottom: 0;
  right: 10px;
  top: 5px;
  width: 54%;
}
.footer-bottom .container::before {
  width: 95%;
}
.welcome {
  margin-bottom: 30px;
}
.home-sidebar {
  padding-right: 175px;
}

.copyright, .copyright a {
  text-align: center;
}


.navbar-nav {
  float: none;
  margin: 0;
}
.home-boxes .box {
  height: 400px;
  max-width: 250px;
  padding: 37px 15px;
  
}
.footer-box .box {
  margin-left: 50px;
  margin-right: 40px;
  margin-bottom: 20px;
}


.content-area img.alignleft {
  margin-bottom: 20px;
}
.su-column.content-left {
  width: 49% !important;
  float:left !important;
}
.su-column.content-right {
  float:left !important;
  width:48% !important;
}
.su-column.content-bottom {
  float: left !important;
}
.post-content {
  float: left;
  width: 59%;
}
.sidebar-box {
  padding-bottom: 20px;
}
.su-column.right-content {
  float: left !important;
  width: 48% !important;
}
	
	}

@media screen and (min-width:1001px) and (max-width:1170px) {
header .col-lg-6 {
  float:left;
  width:35%;
}
header .col-lg-6 + .col-lg-6 {
  float:left;
  width:65%;
}
.navbar-default .navbar-nav > li > a {
  font-size: 15px;
  padding: 18px 8px;
}
.home .soliloquy-container .soliloquy-caption {
  width: 45%;
}
.home-content .col-lg-6 {
  float: left;
  width: 44%;
}
.home-content .col-lg-6 + .col-lg-6 {
  float: left;
  width: 56%;
}
.home-sidebar {
  padding-top: 9px;
}
.welcome {
  overflow: hidden;
}
.footer-left {
  max-width: 650px;
}
.footer-bottom .container::before {
  width: 97%;
}
.footer-box .box {
  height: 240px;
  margin-right: 15px;
  max-width: 223px;
}

.customSelect {
  background: url("../images/select_bg.png") no-repeat scroll 340px 17px #efefef;
  width: 375px !important;
}
.content-area img.alignleft {
  margin-bottom: 20px;
}
.content-area .su-column.right {
  max-width: 448px;
}
.content-area.blog {
  max-width: 639px;
}
.post-content {
  width: 54%;
}

  }

