@media only screen and (max-width:1920px) {
	.left_bar_design .navbar-header{
		display: none;
	}
	.left_bar_design .collapse:not(.show){
		display: block;
	}


}
@media only screen and (min-width : 900px) and (max-width : 1290px) and (orientation : portrait) {
}
@media only screen and (min-width : 900px) and (max-width : 1920px) and (orientation : landscape) {
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}
@media screen and (max-width: 1055px) {
  .head-img {
  background-size: cover;
}
.head-img h3{
  font-size: 100%;
}
.head-img p {
font-size: 62%;
}
	}
@media only screen and (max-width:1024px) {
}
@media screen and (max-width:1000px) {
}
@media screen and (max-width: 991px) {
}
@media only screen and (min-width : 768px) and (max-width: 990px) {
#mainSlider h1{
  font-size: 23px;
}
#mainSlider p{
  font-size: 14px;
}
#mainSlider .btn-large {
    font-size: 16px;
    padding: 18px 19px;
}
#owl-main .item {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 100%;
}
#owl-main.height-md .item {
  height: 100%;
}
  #owl-main .caption.text-center {
  padding: 7% 5% 5%;
}
.cutm-sp-nv li > a.nav-link{
  font-size: 9px;
  padding: 20px 6px !important;
}
.navbar-brand {
  width: 105px;
}

}
@media screen and (max-width: 812px) {
.catg-sp h2, [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after{
   font-size: 24px;
}

.catg-sp h2 span{
  padding-right: 10px;
}
.head-line-design-sp::before, .head-line-design-sp::after{
  top: 15px;
    width: 23%;
}
.beton_div .head-line-design-sp::after, .beton_div .head-line-design-sp::before {
    width: 10%;
}
#owl-main .item {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}
#owl-main.height-md .item {
  height: 100%;
}
  #owl-main .caption.text-center {
  padding: 7% 5% 5%;
}
.cutm-sp-nv .navbar-collapse{
  height: auto;
}


}
@media only screen and (min-width : 760px) and (max-width: 1025px) {
.offer_box h2 {
    font-size: 25px !important;
}
.offer_box p {
    font-size: 13px !important;
  }
.offer_box span {
    font-size: 25px !important;
  }










}
.main-menu{
  position: relative;
}
@media only screen and (max-width:1024px) {

.head-line-design-sp{
  font-size: 25px;
}
  #owl-main .caption.text-center {
  padding: 7% 5% 5%;
}
.main-menu ul li {
    display: block !important;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
}
.main-menu .menu-menu-1-container ul {
    display: block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    float: left;
    width: 100% !important;
    text-align: left;
}
.nav-container.is-visible{
  background: #fff;
}
.menu-menu-1-container, .sp1 {
    display: block !important;
}
.is-visible .menu-menu-1-container{
  width: 100% !important
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    position: relative;
    padding-right: calc(10px + .7em + .7em);
    text-align: left;
}
.main-menu ul {
    width: 100%;
  }
.main-menu .menu-menu-1-container, .main-menu #sidebar, .main-menu .search-ul {
    display: block !important;
    width: 100% !important;
    text-align: left;
}
#menu-menu-1 li:first-child {
    padding-top: 60px;
}
.navbar-nav.search_ul {
  left: 0px;
  right: auto;
  position: absolute;
}
.search-form-wrapper.open {
    display: block;
    padding: 5px 10px;
    top: 0;
}
ul.wpml-ls-sub-menu li.wpml-ls-slot-sidebar-2.wpml-ls-item.wpml-ls-item-ro, ul.wpml-ls-sub-menu li.wpml-ls-slot-sidebar-2.wpml-ls-item.wpml-ls-item-en {
    padding: 5px !important;
    border: none;
    display: inline-block !important;
    width: auto !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    width: 100% !important;
    background: #efefef !important;
    text-align: left;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    border-width: 0;
}
.cont_div .wpcf7 p:nth-child(5) {
    display: inline-block;
    float: none !important;
    position: relative !important;
    top: 0;
    right: 0;
    width: 100%;
}
.cont_div .wpcf7 p {
    display: block !important;
    width: 100% !important;
    font-family: 'Montserrat', sans-serif;
}
.cont_div div.wpcf7{
  padding: 20px 15px !important;
}
.cont_div .wpcf7-list-item-label{
  font-size: 9px !important;
  left: 0 !important;
}







}

@media only screen and (min-width:500px) and (max-width:996px) {
  .head_list_top ul {
  display: inline-block;
  padding-left: 0;
}
.top_head li{
  font-size: 12px;
}
.link_detai {
  padding: 0 0 0 10px;
}
.top_head_right {
    float: none;
  }

}
@media only screen and (max-width:640px) {
#mainSlider .btn{
  margin-top: 5px;
}
.footer_sec p{
  text-align: center;
}
  #owl-main .caption.text-center {
  padding: 5% 5% 5%;
}
.tp-mask-wrap .tp-caption h2 {
    font-size: 16px !important;
    }
    .tp-caption:after{
      background: rgba(0, 0, 0, 0) url(../img/slide_cont_bg.png) no-repeat scroll 50% 50%;
    content: "";
    display: block;
    height: 100%;
    left: 99% !important;
    z-index: -1;
    }
    .tp-mask-wrap .tp-caption{
      padding-left: 10px !important; 
    }
    .cont_box_detail h1 {
    font-size: 21px !important;
  }
  .cont_box_detail h1{
    text-align: center;
  }

}
@media only screen and (max-width:500px) {
.head-line-design-sp{
  font-size: 21px;
}
.owl-theme .owl-nav [class*='owl-']{
  display: none;
}
#owl-main .item {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    height: 55vh;
}
.heading{
  font-size: 23px;
}
.top_head_right {
  display: block;
  float: none;
  list-style: outside none none;
  margin: 0 auto;
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.slide-cont .owl-dots .owl-dot{
   max-height: auto;
  max-width: 20%;
  min-height: auto;
}
.slide-cont .owl-dots {
  max-height:auto;
  min-height: auto;
  margin-top: 10px;
}


}
@media only screen and (max-width:360px) {
  #owl-main .caption.text-center {
  padding: 30% 5% 5%;
}
.head-line-design-sp::before, .head-line-design-sp::after{
  width: 0%;
  display: none;
  top: 14px;
}
.beton_div .head-line-design-sp::after, .beton_div .head-line-design-sp::before {
  width: 5%;
  display: none;
}



}
@media only screen and (max-width:320px) {
}
@media only screen and (max-width : 640px) and (orientation : landscape) {
}
@media only screen and (max-width : 320px) and (orientation : portrait) {
}

@media only screen and (min-width : 300px) and (max-width: 767px) {
.navbar-collapse.collapse.in {
  display: block;
}
.cutm-sp-nv .navbar-header {
  width: 100%;
}
.cutm-sp-nv .navbar-header .navbar-toggle {
    border-color: #fff;
    display: block;
}
.cutm-sp-nv .navbar-toggle {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px 10px;
  position: relative;
}

.cutm-sp-nv .navbar-header .navbar-toggle .icon-bar {
  background-color: #fff;
}
.left_bar_design .navbar-header {
  background: #222222 none repeat scroll 0 0;
  display: flex;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
}
.cutm-sp-nv .navbar-toggle .icon-bar, .left_bar_design .navbar-toggle .icon-bar {
  border-radius: 1px;
  display: block;
  margin-bottom: 3px;
  height: 2px;
  width: 22px;
  background-color: #ffffff;
}
.three-ctg-sp .left_bar_design {
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
}
.left_bar_design .collapse:not(.show) {
    display: none;
}
.cutm-sp-nv li.nav-item {
  padding: 10px 15px !important;
}
.three-ctg-sp .left_bar_design{
	width: 100% !important;
}
.left_bar_design .navbar-collapse {
  padding: 10px;
  top: 34px !important;
  width: 100%;
}
.left_bar_design .navbar-header > span {
  color: #fff !important;
}
.left_bar_design .navbar-header .navbar-toggle{
	display: block;
	border: none;
	padding-top: 5px;
	text-align: right;
	background: none;
}
.cutm-sp-nv .navbar-brand {
  width: 105px;
}
.cutm-sp-nv .navbar-toggle .icon-bar:last-child {
  margin-bottom: 0;
}
.navbar-collapse.collapse.in, .navbar-collapse.collapsing {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  left: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  max-height: 500px;
  -webkit-box-shadow: 13px 3px 24px 1px rgba(0,0,0,0.53);
-moz-box-shadow: 13px 3px 24px 1px rgba(0,0,0,0.53);
box-shadow: 13px 3px 24px 1px rgba(0,0,0,0.53);
  top: 48px;
  width: 100%;
  z-index: 1234;
}
.cutm-sp-nv li.nav-item a {
  color: #000;
}
.cutm-sp-nv li.nav-item.current-menu-item a {
  color: #FD5C08;
}

#demo-2 input[type="search"]:focus, #demo-2 input[type="search"]{
  left: 0px;
  top: -19px;
  right: auto;
}

.navbar-collapse.collapse{
  width: 0;
  -webkit-transition: width 2s;
  -moz-transition: width 2s;
  transition: width 2s;
}
.nav-sbmenu_sp {
  background: #f27116 none repeat scroll 0 0;
  color: #ffffff;
  display: none;
  padding: 15px;
  position: relative;
  top: 0;
  transition: 6s;
  -moz-transition:6s;
  width: 100%;
  z-index: 123;
}
.cutm-sp-nv li > a.nav-link{
  padding: 9px 14px;
}
.nav-item.ab > a::after {
  content: "";
  display: block;
  font-family: "simple-line-icons";
  font-size: 11px;
  position: absolute;
  right: 13px;
  top: 23px;
}
.nav-item.ab{
  position: relative;
}
.nav-item.right-tb-btn.gray_tb, .cutm-sp-nv li.nav-item.right-tb-btn.orng_tb {
  width: 100%;
}
.navbar-brand > img{
   width: 61px;
}
#mainSlider h1{
  font-size: 23px;
}
#mainSlider p{
  font-size: 14px;
}
#mainSlider .btn-large {
    font-size: 16px;
    padding: 18px 19px;
}
.catg-sp h2{
  font-size: 27px;
}
.catg-sp{
  margin-bottom: 10px;
}
.head-line-design-sp::before, .head-line-design-sp::after{
  width: 17%;
  top: 14px;
}
.beton_div .head-line-design-sp::after, .beton_div .head-line-design-sp::before {
  width: 5%;
}
.head-img {
  background-size: cover;
  height: auto;
  padding: 9px 0;
  line-height: auto;
}
.head-img h3{
  font-size: 100%;
  line-height: 1;
}
.head-img p {
font-size: 62%;
}
.wpcf7-form .control-label{
  width: 100% !important;
   max-width: 100%;
   flex: 1 1 100%;
}

}