@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1199px){
.video{ width:100%; height:auto;}
.left_contant{ padding:0px 0px 0px 0px;}
.list_cont{  display:none; }
.fourth_sec ul{ width:90%;}
.videoblock{left:0px; right:0; margin:0px auto; top:26px;}
.mainsec{width:60%;}
.qc_vertical-tab-2 .tabbed-content.tabs-side .tabs {
    width: 25%;
    float: left;
}
.qc_vertical-tab-2 .tabbed-content.tabs-side .item {
    margin-left: 25%;
  }
.qc_vertical-tab-2  .tabbed-content .item.active .item-content {
    display: block;
}

.qc_vertical-tab .tabs {
    float: left;
    width: 25%;
}
.qc_vertical-tab .tab-content {
    width: calc(75% - 15px);
    }
.qc_banner { height: 90vh;}
.fixed_viewport { height: auto;}
.contant_wrapper {padding: 0px 0px 30px;}

}


@media screen and (max-width: 1060px){
.inner_gal{ width:90%; margin:0px auto;}
.gallery_wrap ul li{width:21%; margin:1% 1%;
    height:105px;
}
.gal_bg{ background-size:100% 100%; width:100%; height:105px;
}
.left{margin:5px 10px 5px 35px;}
.right{margin:5px 35px 5px 10px;}
.last{width:498px;}
.qc_icon-text { font-size: 12px;}
}
@media screen and (max-width: 999px){
.fourth_sec ul li{ width:30%; margin:2% 1.5%;}
.inner_thrd_section{ width:100%; margin:0px auto;}
.inner_foot{ width:98%;}
.play_video{ top:15%; height:90%}
.page_sub_desc{ padding-left:0px; padding-right:0px;}
.thumbs_wrapper ul li{ height:110px;}
.bg1{  background-size:100% 60%;}
.gallery_wrap ul li{ width:21%; margin:1% 1%;
    height:95px;
}
.gal_bg{ background-size:100% 100%; width:100%; height:95px;
}
.mainsec{width:70%;}
}
@media screen and (max-width: 925px){
.inner_abt{ width:90%; margin:0px auto;}
.inner_abt ul{margin:25px 0px 0px 0px;}
}
@media screen and (max-width: 810px){
.left{margin:5px 0px 5px 0px;}
.right{margin:5px 0px 5px 0px;}
.last{width:235px;}

}
@media screen and (max-width:780px)
{nav ul li a{padding:28px 3px!important;}
 .qc_vertical-tab-2 .tabbed-content.tabs-side .item {
    margin-left: 0;
  }
}

@media screen and (max-width: 760px){
.fourth_sec ul li{ width:40%;}
.qc_banner { height: 50vh;}

}
@media screen and (max-width: 768px){
.videoblock{ top:17px;}
.gallery_wrap ul li{ width:31%; margin:1% 1%;
    height:115px;
}
.gal_bg{ background-size:100% 100%; width:100%; height:115px;}
.inner_gabs ul li{ width:48%; height:280px;}
.inner_bg{ width:100%; height:280px;}
.mainsec{width:90%;}
.qc_home-slider .slick-prev:before, .qc_home-slider .slick-next:before {
    font-size: 20px;
    color: #fff;
}
.qc_home-slider .slick-prev, .qc_home-slider .slick-next {
    width: 20px;
    height: 20px;
}
.qc_home-slider .slick-next {
    right: 10px;
}
.qc_home-slider .slick-prev {
    left: 10px;
}
.pageblock#fullscreen .slider .slide .slidecontent h1, .pageblock#fullscreen .qc_banner-txt h1{
    font-size: 24px;
    width: 80%;
}
.list_cont {
    display: block;
}
.inner_foot ul li {
    border-right:none;
}
.qc_vertical-tab .tab-content {
    padding: 20px 0px 20px 0px;
    width: 100%;
    border-left: none !important;
    margin-left: 0;
}
.qc_vertical-tab .tabs {
    
    width: 100%;
 
}
.qc_center-mode .slick-next {
    right: -15px;
}
.qc_center-mode .slick-prev {
    left: -15px;
}
.qc_col-6 {
    width: 100%;
   margin-bottom: 30px;
}
.qc_team-img{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}
.qc_team-text{
    width: 100%;
    padding-left:0;
    display: block;
}
.container--tabs{
    margin: 0;
}


}
@media screen and (min-width: 1019px){
.menu_icon{display:none}
}
@media screen and (max-width: 1020px){
.menu_icon{display:block}
.adress_wrap ul li {
    width: 33.333%;
    margin-bottom: 30px;
    
}
.arrow:after{
    display: none;  
}
}

@media screen and (max-width: 725px){
.inner_foot ul li{ width:46%;}
.gallery_wrap ul li{ width:31%; margin:1% 1%;
    height:105px;
}
.gal_bg{ background-size:100% 100%; width:100%; height:105px;
}
.google_map{  float:right; }
.form_details{ float:left;}
.adress_wrap ul li {
    width: 50%;
    margin-bottom: 30px;
    
}
}
@media screen and (max-width: 700px){
.left_contant,.right_contant{ float:none; width:90%; margin:50px auto 0px auto;}
.google_map{  float:none; width:100%; margin:100px auto 0px auto; border:none;}
.form_details{  float:none; width:100%; margin:25px auto; border:none;}

}
@media screen and (max-width: 660px){
.videoblock{top:28px;}
.gallery_wrap ul li{ width:31%; margin:1% 1%;
    height:98px;
}
.gal_bg{ background-size:100% 100%; width:100%; height:98px;
}
.inner_gabs ul li{ width:48%; height:260px;}
.inner_bg{ width:100%; height:260px;}
}
@media screen and (max-width: 1020px){
nav{ display:none;}
.nav_slider{ overflow-y:scroll;}
.page-wrapper .page-inner {
    margin: 0 1%;
    width: 48%;
    float: left;
}
.section-padding {
    width: 95%;
    }
.section-padding .slider-single .slick-next{
    right: 0
}
.section-padding .slider-single .slick-prev {
    left:  0
}


}
@media screen and (max-width: 600px){
.fourth_sec ul li{ width:80%; float:none; margin:20px auto;}
.inner_thrd_section ul li{ width:200px; margin:0px auto; float:none;}
.inner_thrd_section ul li:after{ display:none;}
.design_club p{ text-align:center; padding:0px;}
.third_section{ padding:50px 0px 0px 0px;}
.play_video{ top:15%; height:80%}
.inner_abt ul li{ margin:0px auto; float:none; width:90%; }
.videoblock{top:26px;}
.pageblock#fullscreen .slider .slide .slidecontent h1{
    font-size: 30px;
}
.google_map .adress_wrap {
    margin: auto;
}
.flleft, .flright{float:none;}
.mainsec{width:90%;}
.thumbs_wrapper ul li{ width:50%;}
.gallery_wrap ul li{ width:48%; margin:1% 1%;
    height:132px;
}
.gal_bg{ background-size:100% 100%; width:100%; height:132px;}
.inner_gabs ul li{ width:320px; height:290px; float:none; margin:5% auto;}
.inner_bg{ width:100%; height:290px;}
.inner_gabs ul li:hover .inner_title{ bottom:-20px; left:0; right:0; }
.adress_wrap{ width:90%; margin:25px auto;}
.phone{ float:none; width:200px; margin:5px auto; padding:0px 2px;}
.page-wrapper .page-inner {
    margin: 0 1%;
    width: 99%;
    float: left;
}
}
@media screen and (max-width: 480px){
.inner_foot ul li{ width:90%; float:none; margin:20px auto;}
.inner_foot_list.list2{ margin:0px 0px 0px 0px;}
.scl_wrap{ margin:0px 0px;}
.left_contant h1{ font-size:25px;}
.left_desc{ font-size:16px; padding:10px 0px; line-height:25px;}


.page_title_sub.sub2{ font-size:20px;}
.second_wrap_hdng.sub{ font-size:16px;}
.second_det{ width:90%;}
.fourth_sec ul{ width:100%;}
.videoblock{top:20px;}
.thumbs_wrapper ul li{ width:70%; float:none; margin:0px auto; height:110px; background-size:100% 100%;}
.bg1.bg2{ background-size:100%; }
.bg1.bg3{ background-size:100%; }
.bg1.bg4{ background-size:100%; }
.bg1.bg5{ background-size:100%; }
.bg1.bg6{ background-size:100%;  }
.bg1.bg7{ background-size:100%;  }
.bg1.bg8{ background-size:100%;  }
.bg1.bg9{  background-size:100%;  }
.bg1.bg10{  background-size:100%;  }
.gallery_wrap ul li{ width:300px; margin:3% auto;
    height:155px; float:none;
}
.gal_bg{ background-size:100% 100%; width:100%; height:155px;
}
.inner_abt.pro {
    width: 90%;
    margin: 0px auto;
}
.page_title_sub{ font-size:18px;}
}
@media screen and (max-width: 390px){
.videoblock{top:16px;}
.page_title_sub.sub2{ width:100%;}
.gallery_wrap ul li{ width:280px; margin:3% auto;
    height:145px; float:none;
}
.gal_bg{ background-size:100% 100%; width:100%; height:155px;
}
.inner_gabs ul li{ width:280px; height:260px; float:none; margin:5% auto;}
.inner_bg{ width:100%; height:260px;}
}
@media screen and (max-width: 360px){
.videoblock{top:12px;}
}
@media screen and (max-width: 320px){
.inner_gabs ul li{ width:240px; height:200px; float:none; margin:5% auto;}
.inner_bg{ width:100%; height:200px;}

}

@media screen and (max-width: 1100px){
nav ul li a {
    padding: 41px 15px;
}
}


@media screen and (max-width: 480px){
header {
    height: 75px;
}
.logo {
    width: 140px;
    height: auto;
    padding: 5px 0px 5px 20px;
}.menu_icon {
    margin: 15px 0px;
}
.logo a {
    margin-left: 0;
}
}