/* Reponsive */ @media screen and (min-width:320px) and (max-width:1900px){ .block-banner{height: 711px !important;} .camera_wrap{height: 711px !important;} .camera_wrap .cameraSlide img{width:100%; height: 711px;} } @media screen and (min-width:320px) and (max-width:1880px){ .block-banner{height: 704px !important;} .camera_wrap{height: 704px !important;} .camera_wrap .cameraSlide img{height: 704px;} } @media screen and (min-width:320px) and (max-width:1860px){ .block-banner{height: 696px !important;} .camera_wrap{height: 696px !important;} .camera_wrap .cameraSlide img{height: 696px;} } @media screen and (min-width:320px) and (max-width:1840px){ .block-banner{height: 689px !important;} .camera_wrap{height: 689px !important;} .camera_wrap .cameraSlide img{height: 689px;} } @media screen and (min-width:320px) and (max-width:1800px){ .block-banner{height: 674px !important;} .camera_wrap{height: 674px !important;} .camera_wrap .cameraSlide img{height: 674px;} } @media screen and (min-width:320px) and (max-width:1780px){ .block-banner{height: 666px !important;} .camera_wrap{height: 666px !important;} .camera_wrap .cameraSlide img{height: 666px;} } @media screen and (min-width:320px) and (max-width:1760px){ .block-banner{height: 659px !important;} .camera_wrap{height: 659px !important;} .camera_wrap .cameraSlide img{height: 659px;} } @media screen and (min-width:320px) and (max-width:1740px){ .block-banner{height: 651px !important;} .camera_wrap{height: 651px !important;} .camera_wrap .cameraSlide img{height: 651px;} } @media screen and (min-width:320px) and (max-width:1720px){ .block-banner{height: 644px !important;} .camera_wrap{height: 644px !important;} .camera_wrap .cameraSlide img{height: 644px;} } @media screen and (min-width:320px) and (max-width:1700px){ .block-banner{height: 636px !important;} .camera_wrap{height: 636px !important;} .camera_wrap .cameraSlide img{height: 636px;} } @media screen and (min-width:320px) and (max-width:1680px){ .block-banner{height: 629px !important;} .camera_wrap{height: 629px !important;} .camera_wrap .cameraSlide img{height: 629px;} } @media screen and (min-width:320px) and (max-width:1660px){ .block-banner{height: 621px !important;} .camera_wrap{height: 621px !important;} .camera_wrap .cameraSlide img{height: 629px;} } @media screen and (min-width:320px) and (max-width:1640px){ .block-banner{height: 614px !important;} .camera_wrap{height: 614px !important;} .camera_wrap .cameraSlide img{height: 614px;} } @media screen and (min-width:320px) and (max-width:1620px){ .block-banner{height: 606px !important;} .camera_wrap{height: 606px !important;} .camera_wrap .cameraSlide img{height: 606px;} } @media screen and (min-width:320px) and (max-width:1600px){ .block-banner, .camera_wrap{height: 599px !important;} .camera_wrap .cameraSlide img{height: 599px;} } @media screen and (min-width:320px) and (max-width:1580px){ .block-banner, .camera_wrap{height: 591px !important;} .camera_wrap .cameraSlide img{height: 591px;} } @media screen and (min-width:320px) and (max-width:1540px){ .block-banner, .camera_wrap{height: 576px !important;} .camera_wrap .cameraSlide img{height: 576px;} } @media screen and (min-width:320px) and (max-width:1500px){ .block-banner, .camera_wrap{height: 561px !important;} .camera_wrap .cameraSlide img{height: 561px;} } @media screen and (min-width:320px) and (max-width:1480px){ .block-banner, .camera_wrap{height: 554px !important;} .camera_wrap .cameraSlide img{height: 554px;} } @media screen and (min-width:320px) and (max-width:1460px){ .block-banner, .camera_wrap{height: 546px !important;} .camera_wrap .cameraSlide img{height: 546px;} } @media screen and (min-width:320px) and (max-width:1420px){ .block-banner, .camera_wrap{height: 531px !important;} .camera_wrap .cameraSlide img{height: 531px;} } @media screen and (min-width:320px) and (max-width:1400px){ .block-banner, .camera_wrap{height: 524px !important;} .camera_wrap .cameraSlide img{height: 524px;} } @media screen and (min-width:320px) and (max-width:1380px){ .block-banner, .camera_wrap{height: 516px !important;} .camera_wrap .cameraSlide img{height: 516px;} } @media screen and (min-width:320px) and (max-width:1366px){ .block-banner, .camera_wrap{height: 511px !important;} .camera_wrap .cameraSlide img{height: 511px;} } @media screen and (min-width:320px) and (max-width:1340px){ .block-banner, .camera_wrap{height: 501px !important;} .camera_wrap .cameraSlide img{height: 501px;} } @media screen and (min-width:320px) and (max-width:1320px){ .block-banner, .camera_wrap{height: 494px !important;} .camera_wrap .cameraSlide img{height: 494px;} } @media screen and (min-width:320px) and (max-width:1300px){ .block-banner, .camera_wrap{height: 486px !important;} .camera_wrap .cameraSlide img{height: 486px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 486px !important;} .sub-page .camera_wrap .cameraSlide img{height: 486px;} } @media screen and (min-width:320px) and (max-width:1280px){ .block-banner, .camera_wrap{height: 479px !important;} .camera_wrap .cameraSlide img{height: 479px;} .camera_wrap .camera_caption{bottom: 100px !important;} .camera_wrap .camera_pag{bottom: 40px !important;} .container{padding-left: 10px; padding-right: 10px; width:100%;} .sub-page .block-banner,.sub-page .camera_wrap{height: 479px !important;} .sub-page .camera_wrap .cameraSlide img{height: 479px;} /* Home */ .home-project-slide .container{padding-left:25px;} .home-news .row-news{width:49%; margin-right: 18px;} .home-contact .col-menu{width:380px;} /* Contact */ .contact-infor .container{padding-top: 30px;} .contact-infor .cols-right{width:56%;} .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:90%;} /* Page Project */ .project-list ul li {width:31.7%;} .alignleft{width:100% !important;padding:0px;} .project-view{padding-left:10px; padding-right:10px;} .project-view .container{width:100%;} .project-view .project-content{display:inline-block; width:99%;} .project-view .slide-pic{overflow:hidden; width:100%;} .project-view .slide-pic .owl-stage-outer{width:100%; overflow:hidden;} .project-view .project-more ul li{width:32%;} .project-view .project-more ul li .infor {padding-left:10px;padding-right:10px;} } @media screen and (min-width:320px) and (max-width:1270px){ .block-banner, .camera_wrap{height: 471px !important;} .camera_wrap .cameraSlide img{height: 471px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 471px !important;} .sub-page .camera_wrap .cameraSlide img{height: 471px;} .home-project-slide .home-project-list .item .img{width:100%;} .home-project-slide .home-project-list .item img{width:100%;} .home-contact .cinfo{width:50%;} .home-contact .col-menu{width:28%;} .home-contact .col-share{width:22%;} .width-logo > a{padding-top:5px;} .home-project-slide .home-project-lists .item .img{width:100%;} .home-project-slide .home-project-lists .owl-item:hover .item .img{width:100%;} /* Page Project */ .project-list ul li .img{height:auto;} .project-view .project-content .infor .preview .cols-left{width:72%;} /* Page Partner */ #partners_list .row-partners{width:22%;} /* News */ .view-content{width:70%;} .news-view .cat::after{width:60%;} .news-view .content{margin-bottom:25px;} /* Contact */ .contact-infor .cols-right{margin-left:30px;} /* Product */ .navigate-group .category{width:60%; border-right:0;} .filter-search{float: right; border-left: 1px solid #eaeaea;} #main-content-block .blk-product-cat .block-product-group .product-list .prod-img{width:45%;} #main-content-block .blk-product-cat .block-product-group .product-list{height:290px;} } @media screen and (min-width:320px) and (max-width:1240px){ .block-banner, .camera_wrap{height: 464px !important;} .camera_wrap .cameraSlide img{height: 464px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 464px !important;} .sub-page .camera_wrap .cameraSlide img{height: 464px;} /* Home */ .home-project-slide .home-project-lists .item{width:99%;} .home-contact .cinfo.col-share{padding-left: 20px; padding-right: 20px;} /* Contact */ .contact-infor .cols-right .formInfor{padding-left: 20px;} .contact-infor .cols-left{width:40%;} } @media screen and (min-width:320px) and (max-width:1230px){ /* Page News */ .news-list ul li{width:30%;} .news-list ul li:nth-child(4n){margin-right:32px;} /* Product */ #main-content-block .blk-product-cat .block-product-group .product-list{height: 280px;} } @media screen and (min-width:320px) and (max-width:1220px){ .block-banner, .camera_wrap{height: 456px !important;} .camera_wrap .cameraSlide img{height: 456px;} .home-contact .col-menu{padding-left:20px;} .home-contact .col-menu .col-child{ margin-left: 5%; width:45%;} .home-contact .col-share{padding-left:30px !important;padding-right:30px !important;} .sub-page .block-banner,.sub-page .camera_wrap{height: 456px !important;} .sub-page .camera_wrap .cameraSlide img{height: 456px;} /* Contact */ .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:90%;} } @media screen and (min-width:320px) and (max-width:1200px){ .block-banner, .camera_wrap{height: 449px !important;} .camera_wrap .cameraSlide img{height: 449px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 449px !important;} .sub-page .camera_wrap .cameraSlide img{height: 449px;} /* Home */ .nhuongQuyenHome .home-news .row-news{margin-right: 30px;} .nhuongQuyenHome .home-news .row-news:nth-child(2n){margin-right:30px;} /* Page about */ .about-team .slide-team .item{width:260px;} /* Product */ #main-content-block .product-detail .product-detail-pic .detail-preview{width:100%;} #main-content-block .product-detail .product-detail-pic .pic-full{left:0; right:0; margin-left:auto; margin-right: auto; float: none;} } @media screen and (min-width:320px) and (max-width:1199px){ /*.affix .head-adv, .head-adv{display:none; opacity:0;} */ .width-logo > a {text-align:left !important; margin-top: 0px !important;} #partners-home .owl-stage-outer{padding-right:10px;} #slider .caption .caption-content .des{width:1100px;} .slide-client .item { width: 98%;} .home-project-list .item ul li img{width:380px;} .home-news .detail-news .cols-left{width:50%;} .home-news .detail-news .cols-left .img{width:100%;} .home-news .detail-news .cols-left .img img{width:100%;} .home-news .detail-news .content-row .content-right{width:79%;} .home-news .detail-news .cols-right{width:49%;} .home-news .detail-news .cols-right ul li{overflow:hidden;} .home-news .detail-news .cols-right .img img{width:100%;} .slide-achievement .achie-main{width:370px;} .home-offices .slide-office{width:98%;} .home-offices .slide-office .owl-stage-outer {width:1000px;} .home-offices .bg-active{margin-left:90px;} .head-adv{margin-right: 60px;} .site-header.affix{height: 70px !important;} .head-adv .share .row-search{border-left:none;} /* Menu Mobile */ #menuTop{display:none; float:left;} .menu-mobile-effect{display:block;} .menu-mobile, .navbar-toggle{display:block;} .mobile-menu-container ul li>span{color:#ff6816; font-weight:normal; } .mobile-menu-container ul li>a{color:#141414;} .mobile-menu-container ul li>a:hover,.mobile-menu-container ul li>span:hover{color:#fcae18;} .mobile-menu-container ul li.active>a{color:#fcae18;} .mobile-menu-container ul li.current-menu-item>a,.mobile-menu-container ul li.current-menu-item>span{color:#fff} .menu-mobile-effect.navbar-toggle{float:right;display:inline-block;cursor:pointer;z-index:1;vertical-align:middle;width:30px;height:28px;padding:0;position:absolute;top:40%;right:15px;margin:0;margin-top:-5px; margin-right:15px;} .menu-mobile-effect.navbar-toggle span.icon-bar{width:30px;border-radius:0;position:absolute;left:0;right:0;margin:0 auto;top:0px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(2){top:7px} .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(3){top:14px} .mobile-menu-open .menu-mobile-effect.navbar-toggle span.icon-bar{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:13px} .mobile-menu-open .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(2){-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)} .mobile-menu-open .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:13px} .affix .menu-mobile-effect.navbar-toggle{margin-top: 0px;} .open-right-sidebar{display: block; float: right; padding-top:0px; margin-top: /*35px*/ 29px !important; margin-right: 10px; margin-left: 30px;} .sidebar-header-right a:last-child{width: auto;} .sidebar-header-right a img{width: auto;} .snapjs-right #content-pusher{box-shadow: 0px 0px 10px #CCC;} .snapjs-right .snap-active{margin-top: 35px;} .snap-drawer-right{z-index: 10;} /*========================================*/ /*.mobile-menu-container .searchLang{padding-left:10px;float:left;} .mobile-menu-container .searchLang .downlang{display:inline; padding:0; margin-left:10px;} .mobile-menu-container .searchLang ul{display:none;}*/ .home-offices .slide-office .owl-stage-outer{width:90%;} .home-offices .bg-active .img, .home-offices .bg-active{width:200px;} /* Page Project */ .project-view .project-content .infor .preview .cols-left{width:68%;} .project-view .grid-pic .item .overlay a i{padding:18px 0px 0px 10px} /* Contact */ .contact-infor .cols-right{width:61%;} .contact-infor .cols-right .formInfor{width:98%;} .contact-infor .cols-right .col-sm-6{width:45%;} .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:90%;} } @media screen and (min-width:320px) and (max-width:1180px){ .block-banner, .camera_wrap{height: 441px !important;} .camera_wrap .cameraSlide img{height: 441px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 441px !important;} .sub-page .camera_wrap .cameraSlide img{height: 441px;} } @media screen and (min-width:320px) and (max-width:1160px){ .block-banner, .camera_wrap{height: 434px !important;} .camera_wrap .cameraSlide img{height: 434px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 434px !important;} .sub-page .camera_wrap .cameraSlide img{height: 434px;} .nhuongQuyenHome .home-news .row-news .title-news a{display: block; height: 56px; overflow: hidden;} } @media screen and (min-width:320px) and (max-width:1159px){ .home-news .detail-news .content-row .content-left{width:20%;} .home-news .detail-news .content-row .content-right{width:80%;} .home-offices .bg-active{margin-left:80px;} .home-project .pj-list{width:45%;} .project-view .project-content .infor .preview .cols-right ul li{height:auto;} /* Page about */ .about-team .slide-team .item{width:250px;} /* Contact */ .contact-infor .cols-left{width:100%;} .contact-infor .cols-right{width:98%;margin-top:20px;} .contact-infor .cols-right .formInfor{width:98%;} .contact-infor .cols-right .col-sm-6{width:50%;} .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:97%;} .contact-infor .cols-right .formInfor textarea{width:97%;} } @media screen and (min-width:320px) and (max-width:1120px){ .block-banner, .camera_wrap{height: 419px !important;} .camera_wrap .cameraSlide img{height: 419px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 419px !important;} .sub-page .camera_wrap .cameraSlide img{height: 419px;} .home-news .row-news .img-news{height: 226px;} } @media screen and (min-width:320px) and (max-width:1090px){ .block-banner, .camera_wrap{height: 408px !important;} .camera_wrap .cameraSlide img{height: 408px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 408px !important;} .sub-page .camera_wrap .cameraSlide img{height: 408px;} } @media screen and (min-width:320px) and (max-width:1060px){ .block-banner, .camera_wrap{height: 396px !important;} .camera_wrap .cameraSlide img{height: 396px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 396px !important;} .sub-page .camera_wrap .cameraSlide img{height: 396px;} .camera_wrap .camera_caption{ bottom:60px !important;} .home-contact .col-share{padding-left:15px !important;padding-right:15px !important;} } @media screen and (min-width:320px) and (max-width:1040px){ .block-banner, .camera_wrap{height: 389px !important;} .camera_wrap .cameraSlide img{height: 389px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 389px !important;} .sub-page .camera_wrap .cameraSlide img{height: 389px;} .home-news .row-news .img-news{height:196px;} .nhuongQuyenHome .home-news .row-news{min-height:400px;} } @media screen and (min-width:320px) and (max-width:1024px){ .block-banner, .camera_wrap{height: 383px !important;} .camera_wrap .cameraSlide img{height: 383px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 383px !important;} .sub-page .camera_wrap .cameraSlide img{height: 383px;} .home-about .list-record .col-row .col-preview{width:85%;} .home-about .list-record .col-row .col-title a{float:none; line-height:32px;} /* Page about */ .about-team .slide-team .item{width:274px;} .about-team .intro{width:90%;text-align: justify;} .about-team {height: auto;} .hig108{height: 30px;} /* Page Project */ .project-list ul li .infor .title{height:70px; margin-bottom:10px;} .project-list ul li{height:444px;} .project-view .project-content .infor .preview .cols-left{width:62%;} .project-view .slide-pic{height:540px;} /* Page Partner */ #partners_list .row-partners{width:30%;} /* News */ .view-content{width:65%;} .news-view .cat::after{width:50%;} .contact-infor .cols-left{width:97%;padding-left:15px;} .contact-infor .cols-right .col-sm-6{width:98%;} } @media screen and (min-width:320px) and (max-width:1000px){ #loader{left:50%;} .home-news .row-news{width:47%; margin-right:50px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 374px !important;} .sub-page .camera_wrap .cameraSlide img{height: 374px;} .nhuongQuyenHome .home-news .row-news{width:48%;} .nhuongQuyenHome .home-news .row-news{margin-right: 20px;} .nhuongQuyenHome .home-news .row-news:nth-child(2n){margin-right: 0px;} /* General */ .quick-alo-phone{width:240px;} .quick-alo-phone a.numbercall{font-size: 24px;} /* Page Project */ .project-list ul li .infor{padding-left:5px; padding-right:5px;} /* Page News */ .news-list ul li{width:46%;} .news-list ul li .infor .title{height:50px;} } @media screen and (min-width:320px) and (max-width:980px){ .block-banner, .camera_wrap{height: 366px !important;} .camera_wrap .cameraSlide img{height: 366px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 366px !important;} .sub-page .camera_wrap .cameraSlide img{height: 366px;} .home-contact .cinfo{padding-left:20px;padding-right:20px;} /* About */ .content-timeline div{width:80%;} /* Page Partner */ #partners_list .row-partners{width:28%;} } @media screen and (min-width:320px) and (max-width:960px){ .block-banner, .camera_wrap{height: 359px !important;} .camera_wrap .cameraSlide img{height: 359px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 359px !important;} .sub-page .camera_wrap .cameraSlide img{height: 359px;} } @media screen and (min-width:320px) and (max-width:940px){ .block-banner, .camera_wrap{height: 352px !important;} .camera_wrap .cameraSlide img{height: 352px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 352px !important;} .sub-page .camera_wrap .cameraSlide img{height: 352px;} } @media screen and (min-width:320px) and (max-width:920px){ .block-banner, .camera_wrap{height: 344px !important;} .camera_wrap .cameraSlide img{height: 344px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 344px !important;} .sub-page .camera_wrap .cameraSlide img{height: 344px;} .home-contact .col-share{padding-left:10px !important; padding-right:10px !important;} .home-about .list-record .col-row{width:31%;margin-right:20px;} .home-about .list-record .col-row:last-child{margin-right:0px;} .home-about .list-record .col-row .col-title a{padding-top:0px;} .home-news .row-news .img-news .date-news span{width:40%;} .unit-custblock {padding-top:10px;} .unit-custblock .col-sm-6{width:100%;} .unit-custblock .col-sm-6:first-child{margin-bottom:15px;} .unit-custblock .preview{width:98%;} /* News */ .view-content{width:62%;} .news-view .cat::after{width:50%;} } @media screen and (min-width:220px) and (max-width:900px){ .block-banner, .camera_wrap{height: 448px !important;} .camera_wrap .cameraSlide img{height: 448px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 448px !important;} .sub-page .camera_wrap .cameraSlide img{height: 448px;} .sub-page .camera_wrap .camera_caption{ bottom: 120px !important;} .camera_wrap img{display: none;} .camera_wrap img.mobileShow{display: block;} .camera_wrap .camera_caption .title img{max-height:80px; display: block; left:0; right:0; margin: 0 auto;} .home-contact .cinfo{padding-left: 0px; padding-right: 0px;} .home-contact .cinfo:nth-child(2){padding-left: 5px; padding-right: 5px;} .home-about .list-record .col-row .col-preview{width:95%;} /* Page Project */ .project-view .project-content .infor .preview .cols-right{float:none; width:50%; margin:0 auto; margin-top:30px;} .project-view .project-content .infor .preview .cols-left{width:98%; float:none;} .project-view .grid-pic .item{height:180px;} .project-view{padding-left:0px; padding-right:0px;} } @media screen and (min-width:220px) and (max-width:880px){ .block-banner, .camera_wrap{height: 437px !important;} .camera_wrap .cameraSlide img{height: 437px;} .home-contact .col-menu{width:50%;} .home-contact{height: auto;} .home-contact .cinfo.col-share{width:50%;} .home-contact .cinfo:nth-child(2){padding-left: 15px;} .home-contact .cinfo:nth-child(1){border-left:0px;} .home-contact .cinfo.col-share{border-left:0px; border-right:0px;} .home-contact .col-share ul li:last-child{text-align: left; } .home-contact .cinfo.col-share{margin-top: 10px;} #main-content-block .blk-product-cat .block-product-group .product-list{padding-right:10px;} } @media screen and (min-width:220px) and (max-width:860px){ .block-banner, .camera_wrap{height: 427px !important;} .camera_wrap .cameraSlide img{height: 427px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 427px !important;} .sub-page .camera_wrap .cameraSlide img{height: 427px;} .home-about .preview{width:98%;} .home-project-slide .home-project-lists .item .preview{height:95px;} /* Page Project */ .project-list ul li {width:48%;height:474px;} .project-list ul li:nth-child(3n){margin-right:16px;} } @media screen and (min-width:220px) and (max-width:850px){ .home-news .row-news{width:48%; margin-right:20px;} .home-news .row-news .img-news{height:212px;} /* Page Project */ .project-view .slide-pic{height:470px;} .project-view .project-more ul li{width:31%;} /* News */ .view-content{width:98%;} .news-view .cat::after{width:70%;} .articles-more{width:98%; padding-left:0px; float:left; margin-top:20px;} .articles-more ul li{width:45%; float:left;} .articles-more .line-splad{background-repeat:repeat-x; width:98%;} } @media screen and (min-width:220px) and (max-width:840px){ .block-banner, .camera_wrap{height: 417px !important;} .camera_wrap .cameraSlide img{height: 417px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 417px !important;} .sub-page .camera_wrap .cameraSlide img{height: 417px;} .articles-more ul li{margin-right: 36px;} .articles-more ul li:nth-child(2n+2){margin-right: 0px;} #main-content-block .blk-product-cat .block-product-group .product-list{margin-left: 10px;} } @media screen and (min-width:220px) and (max-width:830px){ footer#colophon .copyright-area .cols-left{width:60%;} footer#colophon .copyright-area .cols-right{width:40%;} /* Page Project */ .project-list ul li {width:47.6%;height:474px;} /* Page News */ .news-list ul li{width:45%;} /*.news-list ul li:nth-child(4n){margin-right:auto;}*/ .news-list ul li .img{height:190px;} } @media screen and (min-width:220px) and (max-width:820px){ .block-banner, .camera_wrap{height: 407px !important;} .camera_wrap .cameraSlide img{height: 407px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 407px !important;} .sub-page .camera_wrap .cameraSlide img{height: 407px;} } @media screen and (min-width:220px) and (max-width:800px){ .block-banner, .camera_wrap{height: 397px !important;} .camera_wrap .cameraSlide img{height: 397px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 397px !important;} .sub-page .camera_wrap .cameraSlide img{height: 397px;} #loader{left:50%;} .home-about .list-record .col-row{width:46%; margin-bottom:20px; float:left;} .quick-alo-phone a.numbercall{right:20px;} } @media screen and (min-width:220px) and (max-width:785px){ .block-banner, .camera_wrap{height: 387px !important;} .camera_wrap .cameraSlide img{height: 387px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 387px !important;} .sub-page .camera_wrap .cameraSlide img{height: 387px;} .customer-comment-lists .item .preview{margin-left: 30px;} /* */ .about-intro .about-history .list-preview ul li{width:50%;} .about-intro .about-history .list-preview ul li .icon{margin:0 auto;} .about-intro .about-history .list-preview ul li .content{padding:0px 10px 0px 10px; height:270px;} .site-main.alignleft{padding:0px !important;} /* Page Project */ .project-view .project-more ul li{width:48%; height:auto;margin: 0 0 0 10px;; float:left;} .project-view .project-more ul li:nth-child(3n){margin-right:auto;} .project-view .project-more ul li .img{height: 170px;} .project-view .project-more ul li .infor{padding: 0;} .project-view .project-more ul li .infor .title{height: 50px;} .project-view .project-content .infor{margin-top: 15px;} .project-view .grid-pic .item{width:33%;} /* Page Partner */ #partners_list .row-partners{width:45%;} /* News */ .view-content{width:98%;padding-right:0px;} .news-view .cat::after{width:60%;} .news-view .articles-more ul li{width:45%;} } @media screen and (min-width:220px) and (max-width:768px){ .block-banner, .camera_wrap{height: 377px !important;} .camera_wrap .cameraSlide img{height: 377px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 377px !important;} .sub-page .camera_wrap .cameraSlide img{height: 377px;} .head-adv{display: block !important;} #masthead.affix-top{position: fixed;} /* */ .unit-info {text-align:left;} .home-contact{height:auto;} .home-contact .cinfo{float:left; display:block; height: auto;} .home-contact .col-menu, .home-contact .col-share{float:left; display:inline-block; width:49%; margin-bottom:20px;} .home-contact .col-share{padding-left:30px !important; padding-right:30px !important;} .home-contact .col-share ul li:last-child{text-align:left;} .home-contact .col-menu .col-child{margin-left: 4%;} footer{height:auto;} footer#colophon .copyright-area .cols-left {width:100%; text-align:left;} footer#colophon .copyright-area .cols-right {width:100%; text-align:left;} footer#colophon .copyright-area .cols-right ul li:first-child{margin-left:0px;} /* Product */ .navigate-group .category, .title-tag{display:none;} #main-content-block .blk-product-cat .block-product-group .product-list .prod-img{width:100%; margin-bottom: 10px; float: none; padding-bottom: 15px;} #main-content-block .blk-product-cat .block-product-group .product-list .prod-table-cell{width:100%; padding-left: 10px; padding-right: 10px;} #main-content-block .blk-product-cat .block-product-group .product-list{height: /*340px*/ auto;} #main-content-block .blk-product-cat .block-product-group .product-list .prod-price span.discount, #main-content-block .blk-product-cat .block-product-group .product-list .prod-price span.price{display: inline-block;} /* Contact */ .contact-infor .cols-left{width:97%;padding-left:15px;} .contact-infor .cols-right .col-sm-6{width:98%;} .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:100%;} .contact-infor .cols-right .formInfor textarea{width:100%;} /* Customer */ .member-infor .cols-right{width:100%;} .member-infor .cols-right .formInfor{width:100%;} } @media screen and (min-width:220px) and (max-width:750px){ .block-banner, .camera_wrap{height: 367px !important;} .camera_wrap .cameraSlide img{height: 367px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 367px !important;} .sub-page .camera_wrap .cameraSlide img{height: 367px;} .home-contact .col-menu .col-child{margin-left: 0px;} .home-contact .cinfo{width:100%; margin-top: 20px; margin-left: 0px; border-left:0px; border-bottom: 1px dashed #DDD; padding-bottom: 18px; padding-left: 0px !important;} .home-contact .cinfo.col-share{padding-left: 0px !important; width: 100%; border-bottom: 0px; margin-top: 20px;} .home-contact .cinfo:nth-child(2){margin-top: 0px;} .home-contact .cinfo .icon-left{display: none;} .home-contact .cinfo .detail{padding-left: 0px; margin-left: 0px;} } @media screen and (min-width:220px) and (max-width:720px){ .block-banner, .camera_wrap{height: 357px !important;} .camera_wrap .cameraSlide img{height: 357px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 357px !important;} .sub-page .camera_wrap .cameraSlide img{height: 357px;} .sub-page .camera_wrap .camera_caption{bottom: 100px !important;} /* Home */ .home-about .list-record .col-row{width:98%; margin-bottom:20px; display:block; margin-left:5%;} .home-about .list-record .col-row .col-preview{font-size:14px;margin-top:10px;} .home-about .list-record .col-row .col-title a{padding-top:10px;} /* Page Project */ .project-list ul li {width:47.5%;height:474px;margin-right:15px;} } @media screen and (min-width:220px) and (max-width:700px){ .block-banner, .camera_wrap{height: 347px !important;} .camera_wrap .cameraSlide img{height: 347px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 347px !important;} .sub-page .camera_wrap .cameraSlide img{height: 347px;} .customer-comment-lists .item .img div{width:150px; height: 150px;} /* News */ .articles-more ul li .record .infor{min-height: 93px;} /* Product */ #main-content-block .blk-product-cat .block-product-group .product-list{padding-top: 10px;} #main-content-block .blk-product-cat .block-product-group .product-list .prod-img img{max-width:90%;} #main-content-block .blk-product-cat .block-product-group .product-list{min-height: 380px;} } @media screen and (min-width:220px) and (max-width:690px){ .slide-client .item{padding-left:20px;} .block-banner, .camera_wrap{height: 342px !important;} .camera_wrap .cameraSlide img{height: 342px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 342px !important;} .sub-page .camera_wrap .cameraSlide img{height: 342px;} /* Page About */ .intro-about .rows-about-intro .preview{width:90% !important;} .intro-about .rows-about-intro .preview{max-height: 150px;text-align: justify;} .news-view .content{text-align: justify;} .project-view .slide-pic{height:420px;} /* News */ .news-view{margin-top: 10px;} .news-view .content{width:100%;} .news-view .cat::after{width:67%;} .news-view .articles-more ul li{width:42%;} } @media screen and (min-width:220px) and (max-width:680px){ .block-banner, .camera_wrap{height: 337px !important;} .camera_wrap .cameraSlide img{height: 337px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 337px !important;} .sub-page .camera_wrap .cameraSlide img{height: 337px;} .nhuongQuyenHome .home-news .row-news{width:80%;} .nhuongQuyenHome h3.title span {line-height: 45px;} /* */ .home-news .rows-news{margin-bottom:50px;} .home-news .row-news{width:80%; margin-right:0px; margin-bottom:20px; margin-left:10%;} .nhuongQuyenHome .home-news .row-news .title-news a{height: auto; overflow: auto;} /* Page Project */ .project-list .container{padding-left:0px;padding-right:0px;} .project-list ul li {width:46.8%;height:464px;margin-right:20px;} .project-view .project-content .infor .preview .cols-right{width:90%;} /* Page News */ .news-list ul li{width: 48%;margin-left: 10px;margin-right: 0;float: left; margin-bottom:30px;} .news-list ul li:nth-child(4n){margin-right:auto;} .news-list ul li .img{height:190px;} .contact-infor .container{padding-top: 20px;} footer#colophon .copyright-area .copyright-content{padding-bottom: 10px;} /* Product */ #main-content-block .product-detail .product-detail-pic .detail-preview .preview, #main-content-block .product-detail .product-detail-pic .detail-preview .infor-contact{width:100%;} #main-content-block .product-detail .product-detail-pic .detail-preview .infor-contact .infor-row{margin-bottom: 10px;} #main-content-block .product-detail .product-detail-pic .detail-preview .infor-contact{margin-left: 0px;} } @media screen and (min-width:220px) and (max-width:667px){ .block-banner, .camera_wrap{height: 327px !important;} .camera_wrap .cameraSlide img{height: 327px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 327px !important;} .sub-page .camera_wrap .cameraSlide img{height: 327px;} /* Page Project */ .project-list ul li {width:48%;height:424px;margin-right:0;margin-left:8px;} .project-list ul li .img{height: 200px;overflow: hidden;} .project-view .share{width: 98%;margin-left: 10px;} /* Page Partner */ #partners_list .row-partners{width: 44%;margin-left: 25px;margin-right: 0;} /* News */ .view-content{width:100%;} .news-view .share{padding-left:20%;} .news-view .articles-more ul li{width:44%;} } @media screen and (min-width:220px) and (max-width:650px){ /* Page Partner */ #partners_list .row-partners{width:41.5%;} } @media screen and (min-width:220px) and (max-width:640px){ .block-banner, .camera_wrap{height: 317px !important;} .camera_wrap .cameraSlide img{height: 317px;} .camera_wrap .camera_caption .title, .camera_wrap .camera_caption .preview{width:90%;} .sub-page .block-banner,.sub-page .camera_wrap{height: 317px !important;} .sub-page .camera_wrap .cameraSlide img{height: 317px;} .sub-page .camera_wrap .camera_caption{bottom: 80px !important;} /* Home */ /* Page about */ .about-team .slide-team .item{width:260px;} /* Page Project */ .project-list ul{margin:0 auto; left:0; right:0;} .project-list ul li {width:80%;height:524px;margin-right:20px; float:none; margin:0 auto;} } @media screen and (min-width:220px) and (max-width:620px){ .block-banner, .camera_wrap{height: 307px !important;} .camera_wrap .cameraSlide img{height: 307px;} /* Product */ #main-content-block .blk-product-cat .block-product-group .head-title h3, #main-content-block .blk-product-cat .block-product-group .head-title .group-filter{width:100%;} #main-content-block .blk-product-cat .block-product-group .head-title .group-filter{padding-top: 15px;} #main-content-block .blk-product-cat .block-product-group .head-title .group-filter .tool-text{top:auto;} } @media screen and (min-width:220px) and (max-width:600px){ .block-banner, .camera_wrap{height: 298px !important;} .camera_wrap .cameraSlide img{height: 298px;} .camera_wrap .camera_caption{bottom:40px !important;} .camera_wrap .camera_pag{bottom:10px !important;} .camera_wrap .camera_caption .preview{font-size: 18px;} .customer-comment-lists .item .preview{width:65%;} .sub-page .block-banner,.sub-page .camera_wrap{height: 298px !important;} .sub-page .camera_wrap .cameraSlide img{height: 298px;} .sub-page .camera_wrap .camera_caption{bottom:80px !important;} /* Contact */ .contact-infor .cols-right{margin-left: 10px;} /* Page about */ .about-team .slide-team .item{width:250px;} .project-view .project-more ul li{width:80%;} .project-view .slide-pic{height:320px;} /* Page News */ .news-list ul li{width:100%;margin-left: 0;} } @media screen and (min-width:220px) and (max-width:599px){ .block-banner, .camera_wrap{height: 288px !important;} .camera_wrap .cameraSlide img{height: 288px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 288px !important;} .sub-page .camera_wrap .cameraSlide img{height: 288px;} .width-logo > a.no-sticky-logo img{height: 59px;} #masthead{height: 70px;} /* Page about */ .about-team .slide-team .item{width:274px;} .slide-team .owl-item{text-align:center;} .slide-team .owl-item .item{margin:0 auto;} .project-view .grid-pic .item{width:49.7%;} /* News */ .news-view .articles-more ul li{width:70%; float:none; margin:0 auto; margin-bottom:20px;} } @media screen and (min-width:220px) and (max-width:560px){ .block-banner, .camera_wrap{height: 278px !important;} .camera_wrap .cameraSlide img{height: 278px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 278px !important;} .sub-page .camera_wrap .cameraSlide img{height: 278px;} .sub-page .camera_wrap .camera_caption{bottom:60px !important;} } @media screen and (min-width:220px) and (max-width:540px){ .block-banner, .camera_wrap{height: 268px !important;} .camera_wrap .cameraSlide img{height: 268px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 268px !important;} .sub-page .camera_wrap .cameraSlide img{height: 268px;} .camera_wrap .camera_caption{bottom:20px !important;} /* Home */ .home-contact .col-middle2{margin-top:5px; margin-bottom:5px;} /* Page Partner */ #partners_list .row-partners{width:80%; margin:0 auto; float:none; margin-bottom:40px;} /* Page Contact */ .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:97%;} } @media screen and (min-width:220px) and (max-width:520px){ .block-banner, .camera_wrap{height: 258px !important;} .camera_wrap .cameraSlide img{height: 258px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 258px !important;} .sub-page .camera_wrap .cameraSlide img{height: 258px;} /* Product */ #main-content-block .blk-product-cat .block-product-group .product-list{width:96%;} } @media screen and (min-width:220px) and (max-width:500px){ .block-banner, .camera_wrap{height: 248px !important;} .camera_wrap .cameraSlide img{height: 248px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 248px !important;} .sub-page .camera_wrap .cameraSlide img{height: 248px;} .camera_wrap .camera_caption .title img{max-height:60px;} .sub-page .camera_wrap .camera_caption .title{margin-bottom: 0px;} .customer-comment-lists .item .img{width:99%; padding-top: 0px;} .customer-comment-lists .item .preview{width:96%; padding-top: 30px; margin-left: 0px;} .customer-comment-lists .item .preview::after{top:20px;} .customer-review .container{padding-top:0px; padding-bottom: 10px;} .panel-grid{display: none;} .customer-review .panel-grid{display: block;} #main-content-block .container{padding-top: 20px;} .nhuongQuyenHome .panel-grid{display: block;} .nhuongQuyenHome .home-news .row-news { width: 96%; margin-left: 10px; } .nhuongQuyenHome h3.title span{font-size: 24px; line-height: normal;} /* news-view */ .news-view .container img{max-width: 100% !important; height: auto !important;} /* Contact */ .contact-infor{display: block;} /* Customer */ .member-infor{display: block;} .member-infor .container{margin-bottom: 98px !important; padding-top: 94px !important;} /* */ .home-news .rows-news{margin-top:73px;} .unit-custblock .panel-cells .unit-row{font-size:48px;} .unit-custblock .panel-cells .unit-line{width:98% !important;} /* Page Project */ .project-list{margin-top:62px;} .project-list ul li {width:98%;height:544px;margin-bottom:20px;} .project-view .slide-pic{height:290px;} .project-view .project-more ul li{width:90%;} .tab-contact .group-tabs{width:98% !important; top:0; margin-top: 10px; } .tab-contact .group-tabs .owl-item{text-align:center;} .tab-contact .group-tabs .owl-item .tab-col-3{margin-left:30%; border:none !important; } .tab-contact .group-tabs .owl-item .tab-col-3.active a{color:#FFF; background-color:#db241c !important; border-radius: 25px;} .tab-contact .group-tabs .owl-controls .owl-nav{position: absolute; left:-40px; top:-8px; width:100%;} .tab-contact .group-tabs .owl-controls .owl-nav .owl-prev{left:0; position: absolute; } .tab-contact .group-tabs .owl-controls .owl-nav .owl-next{right:-20px; position: absolute; } /* News */ #main-article-news{padding-top: 30px !important;} .news-list ul li{height: auto;} .news-list ul li .infor .title{height: inherit;} .news-list{margin-top: 0px;} .news-view h1{font-size:28px;} .news-view .articles-more ul li{width:90%; float:none; margin:0 auto; margin-bottom:20px;} /* Product */ #main-content-block .container{padding-top: 0px;} #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:460px;} #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a img{max-width:98%;} #main-content-block .product-detail .product-detail-view .detail-content{padding-left:10px; padding-right: 10px;} } @media screen and (min-width:220px) and (max-width:499px){ .block-banner, .camera_wrap{height: 238px !important;} .camera_wrap .cameraSlide img{height: 238px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 238px !important;} .sub-page .camera_wrap .cameraSlide img{height: 238px;} /* */ .home-about .list-record .img-about img{float: none !important; text-align: center; clear: both;} .tab-contact{text-align:left;} #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:440px;} /* Product */ .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-qty{position: static; margin-top: 10px;} /* Order */ .checkout-receiver-address{margin-left: 0px;} .checkout-main .w50pr{width:100%;} } @media screen and (min-width:220px) and (max-width:470px){ #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:420px;} } @media screen and (min-width:220px) and (max-width:460px){ .block-banner, .camera_wrap{height: 228px !important;} .camera_wrap .cameraSlide img{height: 228px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 228px !important;} .sub-page .camera_wrap .cameraSlide img{height: 228px;} .sub-page .camera_wrap .camera_caption{bottom:30px !important;} .camera_wrap .camera_caption .title img, .camera_wrap .camera_caption div.line-yellow{display: none;} .camera_wrap .camera_caption{bottom:50px !important;} .camera_wrap .camera_caption .preview{padding-left: 0px;} .home-project-slide .container{padding-top: 30px;} /* */ .unit-custblock .panel-cells .unit-prev{font-size:14px;} .unit-custblock .col-sm-6{padding-left:0px; padding-right:0px; width:98%;} .home-news .row-news{margin-left:0px; width:98%;} .tab-contact .group-tabs .owl-item .tab-col-3{margin-left:25%;} /* Page Project */ .project-list ul li {width:98%;height:500px;margin-bottom:20px;} .project-view h1{font-size:28px;} .project-view .slide-pic{height:250px;} } @media screen and (min-width:220px) and (max-width:450px){ #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:400px;} } @media screen and (min-width:220px) and (max-width:440px){ .camera_wrap{margin-top:70px;} .block-banner, .camera_wrap{height: 218px !important;} .camera_wrap .cameraSlide img{height: 218px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 218px !important;} .sub-page .camera_wrap .cameraSlide img{height: 218px;} .camera_wrap .camera_caption .title, .camera_wrap .camera_caption .preview{width:98%;} .sub-page .camera_wrap .camera_caption{bottom:60px !important;} .sub-page .camera_wrap .camera_caption .title{font-size:26px;} .quick-alo-phone{width:120px;} .quick-alo-phone a.numbercall{display: none;} } @media screen and (min-width:220px) and (max-width:430px){ #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:380px;} } @media screen and (min-width:220px) and (max-width:420px){ .block-banner, .camera_wrap{height: 208px !important;} .camera_wrap .cameraSlide img{height: 208px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 208px !important;} .sub-page .camera_wrap .cameraSlide img{height: 208px;} .width-logo > a{padding-left: 0px; margin-top:5px;} .width-logo > a.no-sticky-logo img, .affix .width-logo > a.sticky-logo img{ /*width:60%; height: auto !important;*/ } .head-adv .share .row-lang{margin-top: 0px;} .affix .menu-mobile-effect.navbar-toggle{top:30%;} .open-right-sidebar::before{margin-top: 3px;} .head-adv .share .row-lang a img{height: 20px; max-height: 20px; margin-top: 3px;} } @media screen and (min-width:220px) and (max-width:400px){ .block-banner, .camera_wrap{height: 198px !important;} .camera_wrap .cameraSlide img{height: 198px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 198px !important;} .sub-page .camera_wrap .cameraSlide img{height: 198px;} /* */ .news-view .share{padding-left: 10px;} #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:360px;} /* Page About */ .about-action .about-timeline .container h3, .about-team .title, .about-view h1{font-size:28px;} .cd-timeline-navigation a.prev{left:-10px;} .project-view .grid-pic .item{height:130px;} .project-view .grid-pic .item img{height:130px;} .project-view .grid-pic .item .overlay a i{padding:0px;} } @media screen and (min-width:220px) and (max-width:399px){ .unit-custblock .panel-cells .unit-row{font-size:38px;} .unit-custblock .panel-cells .unit-line{margin-top:20px; margin-bottom:20px;} .unit-custblock .panel-cells .unit-prev{font-size:12px;} .tab-contact .group-tabs .owl-item .tab-col-3{margin-left:22%;} .head-adv .share .row-lang{border-left: none;} #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:340px;} /* About */ .content-timeline div{height: 140px; margin-top: 0px; width:90%; } /* Page Project */ .project-list ul li {width:98%;height:480px;margin-bottom:20px;} .project-view .project-more ul li{width:98%;} /* News */ .news-view .articles-more ul li{width:98%;} /* Page Contact */ .contact-infor .cols-right .formInfor{padding:15px;} .contact-infor .cols-right .formInfor input[type="text"], .contact-infor .cols-right .formInfor input[type="email"]{width:99%;} .contact-infor .cols-right .formInfor textarea{width:99%;} } @media screen and (min-width:220px) and (max-width:375px){ .block-banner, .camera_wrap{height: 186px !important;} .camera_wrap .cameraSlide img{height: 186px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 186px !important;} .sub-page .camera_wrap .cameraSlide img{height: 186px;} /* Home */ #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:320px;} } @media screen and (min-width:220px) and (max-width:360px){ .block-banner, .camera_wrap{height: 178px !important;} .camera_wrap .cameraSlide img{height: 178px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 178px !important;} .sub-page .camera_wrap .cameraSlide img{height: 178px;} .sub-page .camera_wrap .camera_caption .title{font-size:22px;} /* Page Project */ .project-list ul li {width:98%;height:460px;margin-bottom:20px;} .project-view .slide-pic{height:220px;} /* Page Partner */ #partners_list .row-partners{width:98%; margin:0 auto; float:none; margin-bottom:40px;} /* Product */ #main-content-block .product-detail .product-detail-pic .detail-preview .preview .preview-info label{width:50%;} /* Customer */ .member-infor .cols-right .formInfor{padding-left:14px;} } @media screen and (min-width:220px) and (max-width:350px){ #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:300px;} } @media screen and (min-width:220px) and (max-width:340px){ .block-banner, .camera_wrap{height: 168px !important;} .camera_wrap .cameraSlide img{height: 168px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 168px !important;} .sub-page .camera_wrap .cameraSlide img{height: 168px;} .head-adv .share .row-search{display: none;} .tab-contact .group-tabs .owl-item .tab-col-3{margin-left:20%;} } @media screen and (min-width:220px) and (max-width:330px){ #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item, #main-content-block .product-detail .product-detail-pic .pic-full, #main-content-block .product-detail .product-detail-pic .pic-full .picfull-slide .item a{width:280px;} .nhuongQuyenHome .home-news .row-news { width: 94%; margin-left: 10px;} } @media screen and (min-width:220px) and (max-width:320px){ .block-banner, .camera_wrap{height: 158px !important;} .camera_wrap .cameraSlide img{height: 158px;} .sub-page .block-banner,.sub-page .camera_wrap{height: 158px !important;} .sub-page .camera_wrap .cameraSlide img{height: 158px;} .sub-page .camera_wrap .camera_caption{bottom:40px !important;} /* Page about */ .about-team .slide-team .item{width:245px;} }