@media (max-width:1199px){
    .col-sm-3.phone {
  float: left;
  width: 37%;
}
.col-sm-4.web-types {
  width: 285px;
  height: 370px;
}
.bg {
  height: auto;
}
}
@media (max-width:1024px){
.best > h2 {
  font-size: 24px;
  width: 19%;
}
.butn > a {
  padding: 13px 25px;
}
.col-sm-9 > p {
  font-size: 14px;
}
}
@media (max-width:991px){
    .container{
        width: 100%;
    }
    .thumbnail {
  width: 33%;
  float: left;
}
.media-carousel .carousel-control.left {
  margin-top: 104px;
}
.media-carousel .carousel-control.right {
  margin-top: 104px;
}
}
@media (max-width:980px){
.col-md-offset-2.col-md-8.text-center > h2 {
  color: #ffffff;
  margin: 0;
}
}
@media (max-width:800px){
.col-sm-3.address1 {
  width: 100%;
  float: left;
  text-align: center;
}
.col-sm-6.p-sec {
  width: 100%;
  float: left;
  text-align: center;
}
.col-sm-4.web-types {
  height: 350px;
  width: 231px;
}
.best > h2 {
  font-size: 22px;
  width: 23%;
}
.col-sm-3.icons {
  width: 27%;
  float: left;
}
.col-sm-3.phone {
  float: left;
  width: 32%;
}
.menu-bar.navbar-default .navbar-nav > li > a {
  padding: 13px 11px;
}
.col-sm-3.features {
  min-height: 331px;
}
.banner {
  height: 200px;
  width: 100%;
}
}
@media (max-width:767px){
.navbar {
  margin-bottom: 27px;
}
.col-sm-3.phone {
  float: left;
  width: 32%;
}
.col-sm-3.icons {
  float: left;
  width: 28%;
}
.col-sm-4.web-types {
  float: left;
  height: 327px;
  width: 221px;
}
.col-sm-3.address {
  float: left;
  width: 25%;
}
.col-sm-3.links {
  float: left;
  width: 25%;
}
.col-sm-6.location {
  width: 50%;
  float: left;
}
.bg {
  height: auto;
}
}
@media (max-width:736px){
.col-sm-3.phone {
  width: 100%;
  text-align: center;
}
.col-sm-3.icons {
  float: left;
  width: 100%;
  text-align: center;
}
.col-sm-4.web-types {
  width: 211px;
}
}
@media (max-width:640px){
.best > h2 {
  font-size: 20px;
  width: 28%;
}
.banner {
  height: 200px;
}
.col-sm-4.web-types {
  width: 181px;
  height: 300px;
}
.web-types h3 {
  font-size: 17px;
}
.col-md-offset-2.col-md-8.text-center > h2 {
  font-size: 20px;
}
}
@media (max-width:480px){
.best > h2 {
  font-size: 19px;
  width: 33%;
}
.heading2 > h2 {
  font-size: 22px;
}
.heading > h2 {
  font-size: 22px;
}
.col-sm-4.web-types {
  height: 300px;
  width: 200px;
}
.col-sm-3.address {
  float: left;
  width: 50%;
   text-align: center;
}
.col-sm-3.links {
  float: left;
  width: 50%;
   text-align: center;
}
.col-sm-6.location {
  float: left;
  text-align: center;
  width: 100%;
}
.col-sm-6.services {
  width: 100%;
}
}
@media (max-width:412px){
.menu-bar.navbar-default .navbar-nav > li > a {
  padding: 8px 7px;
}
.best > h2 {
  font-size: 17px;
  width: 36%;
}
.col-sm-4.web-types {
  height: 260px;
  width: 168px;
}
}
@media (max-width:375px){
.menu-bar.navbar-default .navbar-nav > li > a {
  padding: 8px 7px;
  font-size: 12px;
}
.banner {
  height: 150px;
}
.col-sm-4.web-types {
  height: 300px;
  width: 100%;
}
}
@media (max-width:360px){
.col-sm-3.icons a i {
  font-size: 15px;
  padding: 3px 4px;
}
.fa.fa-phone, .fa.fa-envelope-o {
  font-size: 15px;
  padding: 3px 5px;
}
.media-carousel img {
  height: 80px;
}
}
@media (max-width:320px){
.menu-bar.navbar-default .navbar-nav > li > a {
  font-size: 12px;
  padding: 5px 2px;
}
.best > h2 {
  font-size: 17px;
  padding: 7px;
  width: 45%;
}
.col-sm-6.boot-A > h2 {
  font-size: 17px;
}
.butn > a {
  padding: 8px 8px;
}
.navbar-brand img {
  height: 60px;
  width: 100%;
}
.navbar {
  margin-bottom: 10px;
}
.media-carousel img {
  height: 65px;
}
.media-carousel .carousel-control.left {
  margin-top: 91px;
}
.media-carousel .carousel-control.right {
  margin-top: 91px;
}
.footer h3 {
  font-size: 18px;
}
.navbar-nav > li {
  float: none;
  padding-top: 3%;
  text-align: center;
}
.menu-bar.navbar-default .navbar-nav > li > a {
  border-bottom: medium none #000080;
}
.col-sm-6.services {
  width: 100%;
}
.bg {
  height: auto;
}
.banner {
  height: 116px;
  width: 100%;
}
}

/*------------------------------------------------aboutus------------------------------------*/
@media (max-width:1199px){
.col-sm-4.image {
  margin-top: 5%;
}
}
@media (max-width:1024px){
.banner2 {
  height: 270px;
}
}
@media (max-width:800px){
.col-sm-8.aboutus-p > p {
  line-height: 19px;
  text-align: center;
  font-size: 13px;
}
.banner2 {
  height: 250px;
}
}
@media (max-width:736px){
.col-sm-8.aboutus-p > p {
  font-size: 14px;
}
.col-sm-4.image {
  margin-top: 5%;
  text-align: center;
}
.col-sm-4.image > img {
  box-shadow: 6px 6px 6px #660000;
  width: 50%;
}
}
@media (max-width:640px){
.banner2 {
  height: 230px;
}
}
@media (max-width:480px){
.col-sm-4.image > img {
  width: 70%;
}
}
@media (max-width:412px){
.banner2 {
  height: 200px;
}
}
@media (max-width:375px){
.col-sm-4.image > img {
  width: 100%;
}
}
/*--------------------------------------------------portfolio-----------------------------------------------*/
@media (max-width:1199px){
.col-sm-3.characteristics {
  min-height: 392px;
}
.col-sm-6.choose-sec {
  min-height: 392px;
}
}
@media (max-width:800px){
.col-sm-3.characteristics {
  min-height: 489px;
}
.col-sm-6.choose-sec {
  min-height: 489px;
}
}
@media (max-width:736px){
.col-sm-4.webpage > h3 {
  font-size: 17px;
}
.website {
  margin-bottom: 27px;
}
.col-sm-3.characteristics {
  width: 47%;
   min-height: 320px;
}
.col-sm-6.choose-sec {
  min-height: 281px;
  width: 100%;
}
}
@media (max-width:640px){
.col-sm-3.characteristics {
  min-height: 348px;
  width: 47%;
}
.col-sm-4.webpage > h3 {
  font-size: 16px;
}
}
@media (max-width:480px){
.col-sm-4.webpage {
  float: left;
  width: 50%;
}
.col-sm-3.characteristics {
  min-height: 256px;
  width: 100%;
}
}
@media (max-width:412px){
.col-sm-4.webpage > h3 {
  font-size: 15px;
}
.bton > a {
  padding: 8px 6px;
}
}
@media (max-width:375px){
.col-sm-4.webpage {
  float: left;
  width: 100%;
}
.col-sm-4.webpage > h3 {
  font-size: 17px;
}
.whychoose {
  height: auto;
}
.banner2 {
  height: 150px;
}
}
@media (max-width:320px){
.banner2 {
  height: 150px;
}
}
/*-------------------------------------------------------------contactus-----------------------------*/
@media (max-width:1199px){
.form {
  padding: 11px 47px;
  margin-top: 1%;
}
.col-sm-8.form-group {
  margin-left: 13%;
  width: 100%;
}
.col-sm-2.envolop {
  margin-top: 5%;
}
textarea.form-control {
  height: 140px;
}
}
@media (max-width:991px){
.banner3 h2 {
  font-size: 35px;
  margin-top: 12%;
}
.col-sm-8.form-group {
  margin-left: 17%;
  width: 90%;
}
}
@media (max-width:800px){
.banner3 {
  height: 200px;
}
.banner3 h2 {
  font-size: 32px;
  margin-top: 10%;
}
.form {
  margin-top: 1%;
  padding: 11px 26px;
}
.col-sm-5.newsletter > h2 {
  font-size: 17px;
}
.col-sm-5.newsletter span {
  font-size: 11px;
}
.col-sm-5.p > p {
  font-size: 12px;
}
.col-sm-5.newsletter {
  height: 106px;
}
}
@media (max-width:736px){
.col-sm-2.envolop {
  float: left;
  margin-top: 0;
  width: 12%;
}
.col-sm-5.newsletter {
  height: 68px;
  width: 35%;
  float: left;
}
.col-sm-5.p {
  float: left;
  width: 33%;
}
.form {
  float: left;
  margin-top: 1%;
  padding: 9px 41px;
  width: 72%;
}
.btn.btn-default.btn-A {
  padding: 9px 23px;
}
.col-sm-12.sub-section {
  float: left;
  text-align: center;
  width: 100%;
}.col-sm-8.form-group {
  margin-left: 17%;
  width: 66%;
}
}
@media (max-width:480px){
.banner3 {
  height: 155px;
}
.col-sm-2.envolop > a {
  font-size: 36px;
}
.col-sm-5.newsletter {
  height: 111px;
  width: 50%;
}
.form {
  padding: 10px 35px;
  width: 100%;
}
.col-sm-7 {
  float: left;
  width: 100%;
}
.btn.btn-default.btn-A {
  margin-top: 3%;
}
.col-sm-8.form-group {
  margin-left: 12%;
  width: 77%;
}
.col-sm-5.p {
  float: left;
  width: 38%;
}
}
@media (max-width:375px){
.banner3 h2 {
  font-size: 23px;
  margin-top: 10%;
}
.banner3 {
  height: 125px;
}
.col-sm-5.newsletter {
  height: 83px;
  width: 50%;
}
.col-sm-2.envolop > a {
  font-size: 27px;
}
.col-sm-2.envolop {
  margin-top: 10px;
}
.col-sm-5.p {
  width: 38%;
}
.col-sm-5.p > p {
  font-size: 11px;
}
.col-sm-8.form-group {
  margin-left: 8%;
  width: 85%;
}
}
@media (max-width:360px){
.col-sm-5.newsletter {
  height: 75px;
  padding: 0px;
  width: 50%;
}
.col-sm-5.p {
  padding: 0;
  width: 37%;
}
}
@media (max-width:320px){
.col-sm-2.envolop {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.col-sm-5.newsletter {
  border-bottom: 1px solid #ffffff;
  border-right: medium none;
  text-align: center;
  width: 100%;
}
.col-sm-5.p {
  padding: 0;
  width: 100%;
}
.col-sm-5.p > p {
  font-size: 12px;
}
.col-sm-8.form-group {
  margin-left: 0;
  width: 100%;
  text-align: center;
}
}
/*-----------------------------------------------bg-code--------------------------------------*/
@media (max-width:800px){
.col-sm-3.features {
  width: 48%;
}
.bg,.bg1,.bg2,.bg3,.bg4,.bg5,.bg6 {
  height: auto;
}
}
@media (max-width:412px){
.col-sm-3.features {
  width: 100%;
}
}
/*--------------------------------------------------------htmlpage------------------------------------*/
@media (max-width:320px){
.col-sm-4.icons {
  float: left;
  width: 100%;
}
.subscribe-section2 {
  height: auto;
}
}
@media (max-width:800px){
.whychoose {
  height: 281px;
}
}
@media (max-width:736px){
.col-sm-2.domain > img {
  height: 175px;
  text-align: center;
  width: 30%;
}

}
@media (max-width:480px){
.subscribe-section2 {
  height: auto;
}
}
@media (max-width:412px){
.whychoose {
  height: auto;
}
.col-sm-4.icons {
  width: 100%;
}
}
@media (max-width:375px){
.col-sm-2.domain {
  text-align: center;
}
.col-sm-2.domain > img {
  width: 58%;
}
}