/* Large devices (desktops, less than 1200px) */
@media (min-width: 1440px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1023.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  /* css for multi-level dropdown */
  .dropdown-submenu ul.dropdown-menu {
    position: relative;
    left: 10px;
    width: 95%;
  }
  /* end of css for multi-level dropdown */
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 425px) {
}
@media (max-width: 375px) {
}
@media (max-width: 320px) {
}
@media (max-width: 1024px) {

    .navbar-light .navbar-nav a.nav-link {
        padding: 0 27px;
        padding-left: 0;
    }
    .const_11 .const_1, .const_33 .const_1 {
      padding-left: 30px;
    }
    .const_11 .const_1 .content h5, .const_33 .const_1 h5  {
      left: -55px;
    }
    .inner_gallery .category:after {
      display: none;
    }
    #map iframe, #con_2 iframe {
      width: 450px;
      height: 500px;
    }
    .fb_plug_in iframe {
      width: 485px;
      height: 320px;
    }
    /*.detail_img img {
      max-width: 470px;
    }*/
    .bla h3.widget-title:after {
      left: 45%;
    }
    .ext, .ext_1, .ext_2 {
      padding-bottom: 10px;
      font-size: 16px;
    }
    .step_text h3 {
      font-size: 22px;
      margin-left: 22px;
    }
    .sub_text, .sub_text2 {
      font-size: 16px;
    }
    h4.dci_name {
      font-size: 14px;
    }
    #retail {
      left: 80px;
    }
    .bla h3.widget-title:after {
      left: 60%;
    }
    #interior {
      padding-top: 20px;
    }
    #construction h3.widget-title:after {
      width: 80px;
      left: 87%;
    }
    #design h3.widget-title:after {
      bottom: 40px;
      left: 35%;
    }
    .const_0 .image:before {
      width: 100%;
    }
    #con_1 h3.widget-title:after {
      left: 44.5%;
    }
    .inform ul {
      padding-left: 25px;
    }
}
@media(max-width: 992px) {

    h4.dci_name {
      font-size: 14px;
    }
    .bkg_1 h5 {
      font-size: 21px;
      padding-top: 10px;
    }
    .fb_plug_in iframe {
      width: 450px;
    }
    .news-card {
      background-size: contain;
      background-repeat: no-repeat;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    max-width: 830px;
    
}
}


@media (max-width: 991.98px) {

    

    h4.dci_name {
      font-size: 13px;
    }
    
}
@media (max-width: 896px) {

      h3.design a {
      font-size: 21px;
    }
    .mainnav .col-md-5 h3.design {
      padding-left: 8px;
    }
    .navbar-light .navbar-nav a.nav-link {
      font-size: 13px;
    }
    h4.dci_name {
      font-size: 11px;
      margin-top: 0;
      margin-bottom: 0;
    }

    .fb_items_wrap article {
      margin-bottom: 0px;
    }
    .copyright .col-md p {
      font-size: 13px;
    }
    .slides li img {
      width: 700px !important;
    }
    #retail {
      left: 70px;
    }
    
    #sector {
      margin-top: 15px;
    }
    .bla {
      padding-left: 15px;
      padding-right: 0;
    }
    #interior {
      padding-top: 0;
    }
    #construction {
      padding-top: 30px;
    }
    #design {
      padding-top: 0;
    }
    .inner_gallery {
      padding-left: 0;
    }
    .inner_gallery .category {
      display: none;
    }
    .overlay:before {
      left: 0;
      width: 100%;
    }
    #map {
      width: 400px;
    }
    #map iframe, #con_2 iframe {
      width: 400px;
      height: 500px;
    }
    .fb_plug_in  {
      width: 400px;
    }
    .fb_plug_in iframe {
      width: 400px;
    }
    ol.flex-control-nav {
      top: 590px !important;
      right: 40% !important;
    }

}

@media (max-width: 860px) {
  .caption_title {
    font-size: 11px;
  }
}

@media (max-width: 824px) {

  #map {
    width: 380px;
  }
  #map iframe, #con_2 iframe {
    width: 380px;
  }
  .fb_plug_in {
    width: 380px;
  }
  .fb_plug_in iframe {
    width: 380px;
  }
  .caption_title {
    font-size: 10px;
  }
}

@media (max-width: 812px) {

  #retail {
    left: 60px;
  }
  .bla h3.widget-title, #construction h3.widget-title {
    font-size: 22px;
  }
  #construction h3.widget-title:after {
    width: 60px;
    left: 80%;
  }
}

@media (max-width: 768px) {
    
    .mainnav .col-md-5 a img {
    max-width: 85px;
    }
    h3.design a {
        font-size: 20px;
    }
    h4.dci_name {
      font-size: 12px;
    }
    .navbar-light .navbar-nav a.nav-link {
        padding:0px 15px;
        padding-left: 0;
        font-size: 13px;
    }
    #sector {
      padding:0;
    }
    #first_row {
      display: flex;
      flex-direction: row !important;
    }
    .news-card {
        width: 96%;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-style-flex .gw-gopf-cats > span a {
      font-size: 14px !important;
      padding: 4px 10px !important;
    }
    .slides li img {
      width: 600px !important;
    }
    #retail {
      left: 80px;
    }
    ol.flex-control-nav {
      top: 515px !important;
      right: 45% !important;
    }
    .const_0 .image img {
      width: 100%;
    }
    .const_11 .const_1 .content .icon, .const_33 .const_1 .content .icon {
      top: -195px;
    }
    .const_11 .const_1, .const_33 .const_1 {
      padding-top: 0;
      padding-left: 60px;
    }
    .const_11 .const_1 .content h5, .const_33 .const_1 h5 {
    left: -30px;
    top: 40%;
    }
    .const_22{
      display: flex;
      flex-direction: column-reverse !important;
    }
    
    .const_22 .const_1 .content .icon {
      top: -165px;
      left: 6%;
      position: relative;
      z-index: 99;
    }
    .const_22 .const_1 {
      padding-top: 0;
    }
    .bkg_1 h1 {
      font-size: 30px;
    }
    .bkg_1 h5 {
      font-size: 20px;
      padding-top: 15px;
    }
    .inner-box .icon_box {
      font-size: 62px;
      width: 100px;
      height: 100px;
      top: -45px;
      right: 0;
    }
    .detail_img img {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    }
    .bla h3.widget-title {
      text-align: center;
    }
    .bla h3.widget-title:after {
    left: 42%;
    top: 36px;
    }
    .step_1 img {
      max-width: 370px;
      margin-left: auto;
      margin-right: auto;
    }
    .step_text {
      justify-content: center;
    }
    .sub_text, .sub_text2, .sub_text1 {
      text-align: center;
    }
    .copyright .col-md p  {
      font-size: 12px;
    }
    #service_one {
      margin-top: 0;
      padding-top: 35px;
    }
    .bla ul {
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px;
    }
    #our_client {
      margin-top: 0;
    }
    .mrtv {
      padding-bottom: 0;
    }
    .mrtv .client_image {
      padding-top: 0;
    }
    .client_1, .client_2, .client_3, .client_4, .client_5, .client_6 {
      display: flex;
      flex-direction: row !important;
    }
    .inner_gallery .category {
      display: none;
    }
    .inner_gallery {
      padding-left: 5px;
    }
    .caption_title {
      font-size: 10px;
    }
    .overlay:before {
      left: 5px;
      width: 100%;
    }
    .inner_gallery:hover .overlay:before {
      height: 86%;
    }
    img.contact_image {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
    }
    .inform ul {
      margin-left: 0px;
      padding-left: 30px;
    }
    #map iframe , #con_2 iframe  {
      width: 540px;
      margin-left: auto;
      margin-right: auto;
    }
    #map, #con_2 {
      width: 540px;
      margin-left: auto;
      margin-right: auto;
    }
    .form_con {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
    .fb_plug_in {
      width : 505px;
      margin-left: auto;
      margin-right: auto;
    }
    .fb_plug_in iframe {
        width: 540px;
        height: 320px;
    }
    #about .images img {
      margin-left: auto;
      margin-right: auto;
      width: 400px;
    }

    .abt_img:after {
      left: 18%;
      top: -28px;
    }
    p.text {
      padding:20px;
      margin-bottom: 0;
    }
    .about_1 ul {
      padding: 0 20px 20px 20px;
    }
    .about_1 h6 {
      text-align: center;
    }
    .about_1 h3.widget-title {
      text-align: center;
    }
    .about_1 h3.widget-title:after {
      left: 42%;
    }
    #choose .single-item {
      margin-bottom: 30px;
    }
  }

  @media (max-width: 767.98px)  {
      .container {
          max-width: 730px;
    }
  }
  @media (max-width: 767.98px) {

    .navbar-light .navbar-toggler-icon {
      background:none !important;
      position: relative;
    }
    .navbar-light .navbar-toggler-icon:after {
      content: '\efa2';
      font-family: "IcoFont";
      font-size: 30px;
      color: #db1919;
    }
    button.navbar-toggler {
      border:none !important;
    }

    .mainnav .col-md-7 {
      display: block;
      padding-left: 0;
    }
    .navbar {
      position: relative;
      justify-content: flex-end;
      top: -50px;
     /*z-index: -1;*/
    }
    #menu-menu-1 {
      /*padding :10px;*/
      margin-top: 20px;
      background:#f9f9f9;
    }

  .navbar-light .navbar-nav a.nav-link {
      padding:13px;
      text-align: center;
      /*color: #f21111;*/
    }
    #sector {
      margin-top: 0;
    }
    .navbar-light .navbar-nav .active>.nav-link {
      color: #fff !important;
      background: #b30a0a;
    }
    #blank {
      margin-top: 0;
      padding-top: 40px;
    }
    h3.design a {
      font-size: 25px;
    }
    .mainnav .col-md-5 a, .mainnav .col-md-5 h3.design {
      position: relative;
      z-index: 1
    }
    .mainnav {
      padding-bottom: 0;
    }
    #construction h3.widget-title:after {
      width: 114px;
      left: 44%;
    }
    #design h3.widget-title {
      margin-bottom: 0;
    }
    .abt_img:after {
      left: 16%;
    }
  }

  @media (max-width: 667px) {

     .mainnav .container .row {
        padding-left: 15px;
        padding-right: 15px;
     }
     h4.dci_name {
      font-size: 11px;
     }
     .slides li img {
      width: 500px !important;
     }
     .metaslider .caption {
      font-size: 14px !important;
     }
     #retail {
      margin-top: 0;
      left: 85px;
		 padding-bottom:15px;
     }
     .const_1 .content h5 {
        transform: rotate(360deg);
     }
     .const_11 .const_1 .content h5, .const_33 .const_1 h5 {
        left: 0;
        top: -21%;
     }
     .const_11 .const_1, .const_33 .const_1 {
        padding-left: 0;
     }
     .const_1 .content .text {
        padding-right: 0;
     }
     .const_1 .service_2 h5 {
        top: 17%;
        left: 0;
      }
      .const_22 .const_1 .content .icon {
        left: 75%;
      }
      #client_s {
        margin-top: 0px;
      }
      #our_client {
        margin-top: 40px;
		  padding-bottom:69px;
      }
      #con_1 {
        margin-top: 0px;
        padding-top: 0px;
    }
      #con_1 h3.widget-title {
        font-size: 25px;
      }
      #con_1 h3.widget-title:after {
        left: 42.5%;
      }
      p.get_touch {
        font-size: 15px;
      }
      #about {
          margin-top: 0px;
          padding-top: 0px;
      }
      .abt_img:after {
          left: 12%;
          top: -27px;
      }
      #gw_go_portfolio_projects_portfolio .gw-gopf-style-flex .gw-gopf-cats > span a {
          font-size: 13px !important;
          padding: 4px 7px !important;
      }
      .mrtv {
        padding-bottom: 0px;
    }
    .mrtv .client_image {
       padding-top: 30px;
    padding-bottom: 130px;
    }
    ol.flex-control-nav {
      top: 445px !important;
		margin-top : 30px !important;
    }
  }

@media (max-width: 640px) {

      h4.dci_name {
        font-size: 10px;
      }

      .abt_img:after {
        left: 11%;
        top: -27px;
      }
      .metaslider .caption {
        font-size: 13px !important;
      }
      #retail {
        left: 75px;
      }
      .bla ul {
        width: 60%;
      }
}

@media (max-width: 576px) {

        h4.dci_name {
          font-size: 15px;
          margin-bottom: 20px;
        }

        #first_row {
          display: flex;
          flex-direction: column !important;
        }
        .news-card {
          width: 100%;
          background-size: contain;
          height: 275px;
        }
        .slides li img {
          width: 450px !important;
        }
        #retail {
          left: 68px;
        }
        ol.flex-control-nav {
          top: 395px !important;
          width: 50% !important;
          left: 15% !important;
        }
        .bla h3.widget-title:after {
          left: 41%;
        }
        #construction h3.widget-title:after {
          left: 41%;
        }
        #about {
          margin-top: 30px;
        }
        .fb_items_wrap article {
          margin-bottom: 60px;
        }
        .mainnav .col-md-5 a img {
              max-width: 70px;
          }
          .abt_img:after {
            left: 6%;
            top: -27px;
        }
        #about .images img {
          width: 400px;
        }
        h3.design a {
            font-size: 20px;
        }
        .mainnav .col-md-5 h3.design {
          padding-left: 10px;
        }
        p.get_touch {
          font-size: 14px;
        }
        .form_con {
          max-width: 90%;
        }
        .client_1, .client_2, .client_3, .client_4, .client_5, .client_6 {
          display: flex;
          flex-direction: column !important; 
        }
        .gallery_image img {
          width: 400px;
          margin-left: auto;
          margin-right: auto;
        }
        .caption_title {
          font-size: 22px;
          padding:17px 81px 0;
        }
        .overlay:before {
          left: 77px;
          width: 73%;
        }
        .inner_gallery:hover .overlay:before {
          height: 95%;
        }
        #gw_go_portfolio_projects_portfolio .gw-gopf-post-media-wrap {
          width: 450px !important;
          margin-left: auto !important;
          margin-right: auto !important;
          background-size: contain !important; 
        }
        #gw_go_portfolio_projects_portfolio .gw-gopf-style-flex .gw-gopf-cats > span a {
          height: 36px !important;
          line-height: 27px !important;
        }
        .bkg_1 h5 {
          font-size: 18px;
        }
        .metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-prev {
          left: -6% !important;
        }
        #scan h3.widget-title {
          font-size: 25px;
        }
        #scan h3.widget-title:after {
          left: 37%;
        }
	.client_image {
		padding-top:30px;
		padding-bottom:60px;
	}
}

@media (max-width: 515px) {
	
	.fb_plug_in iframe.mobi_1 {
		display:block;
	}
	.fb_plug_in iframe.tem {
		display:none;
	}

    .slides li img {
      width: 400px !important;
    }
    ol.flex-control-nav {
      top: 360px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-cats > span {
      margin-right: 5px !important;
      margin-bottom: 8px !important;
    }
    .const_1 .content .icon, .const_22 .const_1 .content .icon {
      left: 70%;
    }
    .const_1 .content h5:after {
      left: 120%;
    }
    #design h3.widget-title, #construction h3.widget-title, #interior h3.widget-title {
      font-size: 20px;
    }
    .bla ul {
      width: 70%;
    }
    .bla h3.widget-title:after {
      left: 40%;
    }
    .overlay:before {
      left: 46px;
      width: 82%;
    }
    p.get_touch {
      font-size: 13px;
    }
    #map, #con_2 {
      width: 450px;
    }
    img.contact_image {
      max-width: 450px;
    }
    #map iframe, #con_2 iframe {
      width: 450px;
    }
    #con_2 {
      padding-bottom: 0;
    }
    .fb_plug_in {
      width: 450px;
    }
    .fb_plug_in iframe {
      width: 450px;
    }
    .abt_img:after {
      left: 0;
    }
    .text-holder h3 {
      font-size: 23px;
    }
    #choose {
      padding-left: 80px !important;
      padding-right: 70px !important;
    }
    .metaslider .caption {
      padding-right: 108px !important;
    }
    .bkg_1 h5 {
      font-size: 16px;
    }
    .inner-box .icon_box {
      font-size: 55px;
      width: 90px;
      height: 90px;
      top: -30px;
      right: 20px;
    }
	.copyright .col-md {
		text-align: center !important;
	}
}

@media (max-width: 480px) {

    #retail {
      left: 44px;
    }
    #sector .title h3 {
      font-size: 22px;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-post-media-wrap {
      width: 400px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-style-flex .gw-gopf-cats > span a {
      font-size: 11px !important;
    }
    .detail_img img {
      max-width: 350px;
    }
    #design h3.widget-title, #construction h3.widget-title, #interior h3.widget-title {
      font-size: 18px;
    }
    .bla ul li {
      font-size: 14px;
    }
    #construction h3.widget-title:after {
      left: 38%;
    }
    .bla h3.widget-title:after {
      left: 38%;
    }
    .gallery_image img {
      width: 350px;
    }
    .caption_title {
      font-size: 17px;
    }
    .overlay:before {
      left: 53px;
      width: 78%;
    }
    p.get_touch {
      font-size: 14px;
    }
    #about .images img {
      width: 350px;
    }
    .abt_img:after {
      left: 7px;
    }
    .text-holder h3 {
      font-size: 21px;
    }
    #sec h3:after {
      left: 31.5%;
    }
}

@media(max-width: 425px) {
	
	.fb_plug_in iframe.mobi_1 {
		display:none;
	}
	.fb_plug_in iframe.mobi_2 {
		display:block;
	}


    .mainnav .col-md-5 {
      padding-left: 0;
    }
    .mainnav {
      padding-bottom: 0;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-cats > span {
      margin-bottom: 0px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-post-media-wrap {
      width: 350px !important;
    }
    #sector .title h3 {
      font-size: 25px;
    }
    h3.design a {
      font-size: 18px;
    }
    .news-card {
      height: 240px;
    }
    .slides li img {
      width: 350px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-style-flex .gw-gopf-cats > span a {
      font-size: 14px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-cats > span {
      margin-right: 10px !important;
    }
    #design h3.widget-title:after {
      left: 31%;
    }
    .bla ul {
      width: 80%;
    }
    .const_1 .content h5:after {
      left: 108%;
    }
    .const_1 .content h5:after {
      width: 165px;
    }
    .const_11 .const_1 .icon:after, .const_22 .const_1 .icon:after {
      top: 5px;
    }
   
    .copyright .col-md p {
      font-size: 13px;
    }
    .const_1 .content .icon {
      font-size: 40px;
      width: 80px;
      height: 80px;
      left: 70%;
    }
    .const_1 .service_2 h5 {
      top:0%;
      left: 0;
    }
    #about .images img {
      width: 300px;
    }
    .abt_img:after {
      width: 200px;
      height: 200px;
      left: 12px;
      top: -23px;
    }
    #sec h3 {
      font-size: 24px;
    }
    #choose {
      padding-left: 60px !important;
    }
    .text-holder h3 {
      font-size: 17px;
    }
    #sec h3:after {
      left: 25.5%;
    }
    .about_1 h3.widget-title:after {
      left: 38%;
    }
    p.text {
      font-size: 14px;
    }
    .bkg_1 {
      padding:50px 0 80px;
    }
    .bkg_1 h1 {
      font-size: 25px;
    }
    .bkg_1 h5 {
      font-size: 16px;
    }
    .inner-box .icon_box {
      font-size: 55px;
      width: 90px;
      height: 90px;
    }
    .gallery_image img {
      width: 350px;
      margin-left: auto;
      margin-right: auto;
    }
    .overlay:before {
      left: 26px;
      width: 88%;
    }
    #map, #con_2 {
      width: 350px;
    }
    img.contact_image {
      width: 350px;
    }
    .inform ul {
      /*padding-left: 0;*/
      display: flex;
      flex-direction: column !important;
    }
    #map iframe, #con_2 iframe {
      width: 350px;
      height: 400px;
    }
    #con_2 {
      margin-bottom: 0;
      padding-bottom: 0;
    }
    .fb_plug_in {
      max-width: 350px;
    }
    /*._2p3a {
      width: 350px !important;
    }*/
    .fb_plug_in iframe {
      width: 350px;
    }
    #scan h3.widget-title {
      font-size: 21px;
    }
    #scan h3.widget-title:after {
      left: 30%;
    }
}
@media (max-width: 414px) {

    .news-card {
      height: 225px;
    }

    #retail {
      left: 35px;
		margin-top: 30px;
    }
    ol.flex-control-nav {
      top: 270px !important;
		margin-top: 70px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-cats > span {
      margin-right: 8px !important;
    }
    .bla h3.widget-title:after {
      left: 36%;
    }
    #construction h3.widget-title:after P{
      left: 35%;
    }
    .gallery_image img {
      width: 325px;
    }
    .overlay:before {
      left: 31px;
      width: 85%;
    }
    #con_1 h3.widget-title {
      font-size: 23px;
    }
    #con_1 h3.widget-title:after {
      left: 38.5%;
    }
    .abt_img:after {
      left: 8px;
    }
    #sec h3 {
      font-size: 22px;
    }
    #sec h3:after {
      left: 21.5%;
    }
}
@media (max-width: 412px) {

    #retail {
      left: 31px;
    }
    ol.flex-control-nav {
      top: 330px !important;
    }
}
@media(max-width: 375px) {

	.fb_plug_in iframe.mobi_2 {
		display:none;
	}
	.fb_plug_in iframe.mobi_3 {
		display: block;
	}
    .news-card {
      height: 200px;
    }
    .slides li img {
      width: 300px !important;
    }
    #retail {
      left: 39px;
    }
    ol.flex-control-nav {
      top: 244px !important;
    }
	.metaslider.ms-theme-architekt.ms-is-small {
		padding-bottom: 77px !important;
    padding-top: 40px;
	}
    .metaslider .caption {
      padding-right: 83px !important;
      font-size: 11px !important;
    }
    .metaslider.ms-theme-architekt .flexslider ol.flex-control-nav:not(.flex-control-thumbs), .metaslider.ms-theme-architekt ul.rslides_tabs, .metaslider.ms-theme-architekt div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) {
      padding: 20px 0 0 !important;
    }
    .bla ul {
      width: 90%;
    }
    .detail_img img {
      max-width: 300px;
    }
    #construction {
      padding-top: 0;
    }
    #construction h3.widget-title:after {
      left: 33%;
    }
    .caption_title {
      font-size: 15px;
    }
    .overlay:before {
      width: 87%;
      left: 26px;
    }
    .bla h3.widget-title:after {
      left: 33%;
    }
    .mainnav .col-md-5 a img {
      max-width: 65px;
    }
    h3.design a {
      font-size: 17px;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-style-flex .gw-gopf-cats > span a {
      font-size: 13px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-cats > span {
      margin-right: 4px !important;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-post-media-wrap {
      width: 300px !important;
    }
    .const_1 .content h5:after {
      width: 145px;
      left: 111%;
    }
    .inner-box .icon_box {
      top: -25px;
    }
    .bkg_1 {
      min-height: 450px;
    }
    .const_0 .image:before {
      width: 100%;
    }
    .gallery_image img {
      width: 300px;
    }
    
    .inner_gallery:hover .overlay:before {
      height: 93%;
    }
    .overlay:before {
      width: 87%;
    }
    .client_image img {
      width: 300px;
    }
    img.contact_image {
      width: 300px;
    }
    #map, #con_2 {
      width: 300px;
    }
    .inform ul.second {
      padding-left: 8px;
    }
    #map iframe, #con_2 iframe {
      width: 300px;
      height: 350px;
    }
    .fb_plug_in {
      max-width: 300px;
    }
    .fb_plug_in iframe {
      width: 300px;
    }
    .copyright .col-md p {
      font-size: 12px;
    }
    #con_1 h3.widget-title {
      font-size: 20px;
    }
    #con_1 h3.widget-title:after {
      left: 36.5%;
    }
    #about .images img {
      width: 300px;
    }
    #about {
      margin-top: 20px;
    }
    .abt_img:after {
      left: -5%;
      top: -25px;
    }
    .about_1 h3.widget-title {
      font-size: 25px;
    }
    .about_1 h3.widget-title:after {
      left: 36%;
    }
    p.text {
      font-size: 14px;
    }
    #sec {
      padding-left: 70px !important;
      padding-right: 70px !important;
    }
    #sec h3 {
      font-size: 25px;
      top: 120px;
    }
    #sec h3:after {
      left: 29.5%;
    }
    #choose {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
    .text-holder h3 {
      font-size: 20px;
    }
}

@media (max-width: 320px) {
	.fb_plug_in iframe.mobi_3 {
		display:none;
	}
	.fb_plug_in iframe.mobi_4 {
		display: block;
	}
    #retail {
      left: 10px;
    }
    .const_1 .content .icon {
      width: 70px;
      height: 70px;
    }
    .const_11 .const_1 .icon:after, .const_22 .const_1 .icon:after {
      top: 0;
    }
    .const_1 .content .icon, .const_22 .const_1 .content .icon {
      left: 66%;
    }
   
    h3.design a {
      font-size: 14px;
    }
    .detail_img img {
      max-width: 265px;
    }
    .bla ul {
      width: 100%;
    }
    .bla ul li {
      font-size: 13px;
    }
    .gw-gopf-cats {
      padding:10px !important;
    }
    #design h3.widget-title, #construction h3.widget-title, #interior h3.widget-title {
      font-size: 15px;
    }
    #design h3.widget-title:after {
      left: 26%;
    }
    #sector .title h3 {
      font-size: 23px;
    }
    #gw_go_portfolio_projects_portfolio .gw-gopf-post-media-wrap {
      width: 250px !important;
    }
    .const_1 .content .icon {
      left: 66%;
    }
    .const_1 .content h5:after {
      width: 85px;
    }
    .const_11 .const_1 .content h5, .const_33 .const_1 h5 {
      top: -14%;
    }
    .const_1 .content h3 a {
      font-size: 20px;
    }
    .bkg_1 h4 {
      font-size: 13px;
    }
    .bkg_1 h1 {
      font-size: 20px;
    }
    .bkg_1 h5 {
      font-size: 14px;
    }
    .inner-box .icon_box {
      font-size: 45px;
      width: 70px;
      height: 70px;
    }
    .copyright .col-md p {
      font-size: 10px;
    }
    .gallery_image img {
      width: 250px;
    }
    .caption_title {
      font-size: 14px;
      padding:10px 63px 0;
    }
    .overlay:before {
      width: 87%;
      left: 22px;
    }
    img.contact_image {
      width: 250px;
    }
    .inform .text {
      font-size: 13px;
    }
    .inform ul.second {
      padding-left: 0;
    }
    .inform ul.second li {
      padding-left: 0;
    }
    #map, #con_2 {
      width: 250px;
    }
    #map iframe, #con_2 iframe {
      width: 250px;
      height: 300px;
    }
    .form_con .contact_page input[type="text"], .form_con .contact_page textarea {
      height: 45px;
      margin-bottom: 10px;
    }
    .form_con .contact_page input[type="submit"] {
      height: 45px;
    }
    .fb_plug_in iframe {
      width: 250px;
    }
    .fb_plug_in {
      max-width: 250px;
    }
    #about .images img {
      width: 250px;
    }
    .abt_img:after {
      width: 170px;
      height: 170px;
      left: -6%;
      top: -20px;
    }
    #sec {
      padding-left: 30px;
      padding-right: 30px;
    }
    .about_1 h3.widget-title:after {
      left: 31%;
    }
    #sec h3 {
      font-size: 22px;
    }
    .text-holder h3 {
      font-size: 17px;
    }
    .text-holder p {
      font-size: 13px;
    }
    #scan h3.widget-title {
      font-size: 17px;
    }
    #scan h3.widget-title:after {
      left: 24%;
    }
	ol.flex-control-nav {
		top: 270px !important;
	}

}