@media print {  .visible-print { display: block!important; } table.visible-print { display: table!important; } tr.visible-print { display: table-row!important; } td.visible-print,th.visible-print { display: table-cell!important; } .visible-print-block { display: block!important; } .visible-print-inline { display: inline!important; } .visible-print-inline-block { display: inline-block!important; } .hidden-print { display: none!important; } *,:after,:before { color: #000!important; text-shadow: none!important; background: 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; } a,a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after,a[href^="#"]:after { content: ""; } blockquote,pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img,tr { page-break-inside: avoid; } img { max-width: 100%!important; } h2,h3,p { orphans: 3; widows: 3; } h2,h3 { page-break-after: avoid; } .navbar { display: none; } .btn>.caret,.dropup>.btn>.caret { border-top-color: #000!important; } .label { border: 1px solid #000; } .table { border-collapse: collapse!important; } .table td,.table th { background-color: #fff!important; } .table-bordered td,.table-bordered th { border: 1px solid #ddd!important; } } 
@media screen and (-webkit-min-device-pixel-ratio:0) {  input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control { line-height: 34px; } .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm { line-height: 30px; } .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg { line-height: 46px; } } 
@media all and (transform-3d),(-webkit-transform-3d) {  .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner>.item.active.right,.carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .carousel-inner>.item.active.left,.carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } 
@media (max-device-width:480px) and (orientation:landscape) {  .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse { max-height: 200px; } } 
@media (min-width:768px) {  .lead { font-size: 21px; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group>.form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox,.form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label,.form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } .form-horizontal .form-group-lg .control-label { padding-top: 14.33px; font-size: 18px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } .nav-tabs.nav-justified>li>a { margin-bottom: 0; } .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff; } .nav-justified>li { display: table-cell; width: 1%; } .nav-justified>li>a { margin-bottom: 0; } .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover { border-bottom-color: #fff; } 	.navbar { border-radius: 4px; } .navbar-header { float: left; } .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header { margin-right: 0; margin-left: 0; } .navbar-static-top { border-radius: 0; } .navbar-fixed-bottom,.navbar-fixed-top { border-radius: 0; } .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand { margin-left: -15px; } .navbar-toggle { display: none; } .navbar-nav { float: left; margin: 0; } .navbar-nav>li { float: left; } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; } .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group>.form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox,.navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label,.navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } .navbar-left { float: left!important; } .navbar-right { float: right!important; margin-right: -15px; } .navbar-right~.navbar-right { margin-right: 0; }  .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron,.container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1,.jumbotron h1 { font-size: 63px; } .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modal-sm { width: 300px; } .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } 
@media (min-width:992px) { .modal-lg { width: 900px; } } 
@media (min-width:1200px) { .container { width: 1170px; } .visible-lg { display: block!important; } table.visible-lg { display: table!important; } tr.visible-lg { display: table-row!important; } td.visible-lg,th.visible-lg { display: table-cell!important; } .visible-lg-block { display: block!important; } .visible-lg-inline { display: inline!important; } .visible-lg-inline-block { display: inline-block!important; } .hidden-lg { display: none!important; } } 
@media screen and (max-width: 1200px) { .main-slider .container { margin-left: -485px; }   .home-clients-carousel-vline1 { left: 140px; } .home-clients-carousel-vline2 { left: 280px; } .home-subscribe-text { font-size: 13px; } .home-subscribe-form-input { width: 310px; } .team-item-icons a { margin: 0 8px; } .recent-post-title { padding-left: 0; margin-top: 15px; } .recent-post-date { padding-left: 0; } .contacts-info-title h3 { font-size: 20px; } .bs-example .btns-col { width: 100%; float: none; } .bs-example .btns-col-2 { padding-left: 0; } } 
@media screen and (max-width: 992px) {   .main-slider .container { margin-left: -375px; } .title-group h2 { font-size: 20px; } .subtitle { font-size: 10px; } .get-quote-form-left { padding: 0; } .stat-item { margin-bottom: 30px; } .home-clients p { padding: 0 15px; } .home-clients-carousel-vline1, .home-clients-carousel-vline2, .home-clients-carousel-hline { display: none; } .home-subscribe-text { padding-top: 0; } .home-subscribe-icon { line-height: 15px; top: 17px; } .home-subscribe-form-input { width: 228px; } .single-post-author-info-name { margin: 15px 0 15px; } .single-post-author-info-socials { float: left; margin-top: 0; margin-bottom: 10px; } } 
@media screen and (max-width: 768px) { 	.show-menu-control { display: block; } 	.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px; } .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover { background-image: none; }  .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; }  .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent; } .visible-xs { display: block!important; } table.visible-xs { display: table!important; } tr.visible-xs { display: table-row!important; } td.visible-xs,th.visible-xs { display: table-cell!important; } .visible-xs-block { display: block!important; } .visible-xs-inline { display: inline!important; }  .visible-xs-inline-block { display: inline-block!important; } .hidden-xs { display: none!important; } .main-navbar-1 { padding-top: 15px; padding-bottom: 15px; } .main-slider .container { margin-left: 0; left: 0; width: 100%; } .main-slider h2 { font-size: 16px; padding-top: 40px; } .main-slider .main-button { padding-top: 15px; } .main-slider .my-btn-primary { padding: 8px; } .main-slider .my-btn-default { height: 24px; width: 24px; line-height: 22px; font-size: 17px; } .section-bg-left { display: none; } .section-bg-right { display: none; } .home-review { margin-bottom: 10px; } .home-big-image { display: none; } .home-subscribe-text { margin-bottom: 40px; text-align: center; } .home-subscribe-form { text-align: center; } .home-subscribe-form form { overflow: hidden; display: inline-block; } .home-subscribe-form-input { width: 228px; } .footer-1, .footer-2, .footer-3, .footer-4 { margin-bottom: 40px; } .bottom-1, .bottom-2, .bottom-3 { margin-bottom: 30px; text-align: center; } .top-bar-mail { display: none; } .main-slider-2-button-prev { opacity: 0.5; } .main-slider-2-button-prev:hover { opacity: 1; } .main-slider-2-button-next { opacity: 0.5; } .main-slider-2-button-next:hover { opacity: 1; } .main-slider-2 h2 { font-size: 16px; padding: 0; margin-top: 120px !IMPORTANT; } .main-slider-2 h2.color-primary { font-size: 20px; padding: 0; margin-top: 80px !important; } .main-slider-2 .main-button-2 {      top: 30px !important; left: 100px !important; } .page-header-button { position: relative; right: 0; top: 15px; } .service-1 { text-align: center; } .service-menu { margin-bottom: 100px; } .team-item { margin-bottom: 40px; } .single-post { padding-right: 15px; } .recent-post-title { padding-left: 15px; margin-top: 15px; } .recent-post-date { padding-left: 15px; margin-top: 15px; } .contacts-info { padding-right: 15px; } .contacts-form { margin-top: 40px; } .bs-example-progress { padding: 0 15px; } .bs-example-alert { padding: 0 15px; } } 
@media screen and (max-width: 479px) {	 .home-blog-item-image {    width: 100%; } .single-post-author-info { display: block; float: left; overflow: hidden; padding-left: 0; } .single-post-author-info-name { float: none; } .main-navbar-1 { padding-top: 15px; padding-bottom: 15px; } .main-slider h2 { font-size: 14px; padding-top: 60px; } .main-slider .main-button { padding-top: 25px; } .main-slider .my-btn-primary { display: none; } .main-slider-buttons { top: 160px !important; } .home-about { padding: 100px 15px; } .get-quote { padding: 100px 15px; } .home-review-carousel-people { margin-right: 10px; } .home-review .owl-controls { left: 0px; } .home-clients-carousel-item { min-height: 70px; padding: 0 10px; } .home-subscribe-form-input { width: 170px; } .main-slider-2 h2 { font-size: 14px; padding: 0; margin-top: 110px !IMPORTANT; } .main-slider-2 h2.color-primary { font-size: 17px; margin-top: 70px !important; } .page-header-button .my-btn-primary { font-size: 12px; } .media > .pull-left { margin-bottom: 20px; } .logo { width: 100%; padding: 8px 0px; } .show-menu-control { float: left; width: 100%; background-color: #00C0E2; margin-bottom: 10px; padding: 8px; } #show-menu .my-btn { text-align: center; width: 100%; } .page-header { padding: 20px 10px; } .crumbs-tit { margin-bottom: 8px; 	font-size: 18px; } .blog-items { float: left; width: 100%; margin-bottom: 15px; } .blog-section, .main-content, .main-hotpro, .main-tech, .main-app, .main-review{ padding: 20px 10px; } .blog-right-bar { float: left; width: 100%; } .col-lg-3 { width: 100%; margin-bottom: 15px; } .footer-tit:before { left: 2px; } .pro2, .pro3, .hot-4 { width: 100%; margin-left: 0px; } .dong-tit, .dong-text { display: none; } .main-slider-content .my-btn .my-btn-text { font-size: 12px; } .tech2 { width: 100%; margin-left: 0px; height: auto; } .tech2 p { height: auto; } .app2 { width: 100%; margin-left: 0px; margin-right: 0px; } .home-blog-item-desc { padding: 12px; } .home-blog-item-desc-text { height: auto; } .owl-carousel .owl-item { margin-bottom: 40px; } .main-slider-2-button-prev, .main-slider-2-button-next { padding: 10px 8px 8px; } /*404*/ .error-page-left { width:inherit !important; padding-left:inherit !important; } .error-page-left img {width:100%;} .error-page-right { float:inherit !important; width:inherit !important;} p.error-page-p1 span {font-size:20px !important; letter-spacing:2px !important;} p.error-page-p1 {font-size:24px !important;} p.error-page-p2 { background:none !important; font-size:15px !important;} p.error-page-p3 { line-height:18px !important;} .footer-contact{ 		display:block !important; 	} 	.bottom { margin-bottom: 45px; } #request #req #reql { display: none; } #request #req #reqr { height: auto !important; } #request #lp { margin-left: 0px !important; } #contactform { padding-left: 0px !important; } 	#contactform input.text	 	{ 		width:100% !important; 	} 	#contactform textarea 	{ 		width:100% !important; 	} 	.pro2 p, .pro3 .service-text p { height: auto; } .pro2 .service-text, .pro3 .service-text { height: auto; } .img-two { width: 100%; margin-left: 0px; } .img-box img, .imgr img { width: 100%; height: auto; } .imgr { width: 100%; float: left; } .gate1-text, .gate2-text, .gate3-text, .gate4-text { float: left; width: 100%; margin-top: 0px; } .gate1-images, .gate2-images, .gate3images, .gate4-images { float: left; width: 100%; } .about-imgr img { width: 100%; height: auto; } .index { background-image: none; padding: 10px 0px; } .index-part1 { padding:0px; } .part1-text, .part2-text, .part3-text { float: left; width: 100%; margin-top: 0px; } .part1-images, .part2-images, .part3-images { float: left; width: 100%; } .index img { width: 100%; height: auto; } } 
@media (min-width:480px) and (max-width:767px) { #show-menu .my-btn { padding: 10px; } .show-menu-control { padding: 22px; } .page-header, .blog-section, .main-content, .main-hotpro, .main-tech, .main-app, .main-review{ padding: 20px 12px; } .crumbs-tit { margin-bottom: 8px; } .blog-items { float: left; width: 100%; margin-bottom: 15px; } .blog-right-bar { float: left; width: 100%; } .col-lg-3 { width: 100%; margin-bottom: 25px; } .pro2 { margin-left: 4px; margin-right: 4px; } .pro3, .hot-4 { width: 48%; margin-left: 4px; margin-right: 4px; } .main-slider-2 .dong-text { display: none; } .main-slider-2 .dong-tit { font-size: 22px; top: -60px !important; margin-left: 40px !important; } .main-slider .my-btn-primary { width: 120px; margin-left: -70px; 	font-size: 16px; } .main-slider .my-btn .my-btn-text { font-size: 18px; } .main-slider-2-button-prev, .main-slider-2-button-next { padding: 10px 10px 8px; } .tech2 { width: 100%; margin-left: 0px; height: auto; } .tech2 p { height: auto; } .app2 { margin-left: 4px; margin-right: 4px; } .home-blog-item-desc { padding: 12px; 	height: 209px; } .owl-carousel .owl-item { margin-bottom: 35px; } .home-blog-item-image { width: 100%; } /*404*/ .error-page-left img {width:100%;} .error-page-left { padding-left:inherit !important; } p.error-page-p1 { margin-top:inherit !important;} p.error-page-p1 span {font-size:20px !important; letter-spacing:2px !important;} p.error-page-p1 {font-size:24px !important;} p.error-page-p2 { background:none !important; font-size:15px !important;} p.error-page-p3 { line-height:18px !important;} .footer-contact{ 		display:block !important; 	} 	.bottom { margin-bottom: 45px; } #contactform { padding-left: 30px; } .pro2 .service-text { height: 170px; } .pro3 .service-text p { height: 130px; } .pro3 .service-text { height: 235px; } .about-imgr img { height: auto; width: 100%; } .index { background-image: none; padding: 10px 0px; } .index-part1 { padding:0px; } .part1-text, .part2-text, .part3-text { float: left; width: 100%; margin-top: 0px; } .part1-images, .part2-images, .part3-images { float: left; } .part3-images img, .img-box img, .imgr img { width: 100%; height: auto; } .hot-4 .service-text { overflow: hidden; height: 235px; } .gate1-text, .gate2-text, .gate3-text, .gate4-text { float: left; width: 100%; margin-top: 0px; } .gate1-images .imgr, .gate2-images .imgr, .gate3-images .imgr, .gate4-images .imgr { float: left; width: 100%; } } 
@media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table!important; } tr.visible-sm { display: table-row!important; } td.visible-sm,th.visible-sm { display: table-cell!important; } .visible-sm-block { display: block!important; } .visible-sm-inline { display: inline!important; } .visible-sm-inline-block { display: inline-block!important; } .hidden-sm { display: none!important; } .main-menu .navbar-nav>li>a { padding: 35px 17px; font-size: 15px; } .page-header, .blog-section, .main-content, .main-hotpro, .main-tech, .main-app, .main-review{ padding: 25px 12px; } .blog-right-bar { width: 24%; } .blog-items { width: 74%; } .col-lg-3 { width: 50%; margin-bottom: 20px; } .pro2 { margin-left: 5px; margin-right: 5px; } .pro3 { width: 48%; margin-left: 5px; } .main-slider-2 .dong-text { display: none; } .main-slider-2 .dong-tit { font-size: 24px; } .main-slider-2 .my-btn { padding: 12px; margin-bottom: 40px; margin-top: -70px; margin-left: 15px; width: 140px; } .hot-4 { width: 32%; margin-right: 5px; margin-left: 4px; } .tech2 { margin-left: 5px; margin-right: 5px; height: 150px; } .tech2 p { height: 85px; } .home-blog-item-image { width: 100%; } .app2 { margin-left: 7px; margin-right: 7px; } .owl-carousel .owl-item { margin-bottom: 25px; } /*404*/ .error-page-left img {width:100%;} p.error-page-p1 { margin-top:inherit !important;} p.error-page-p3 { line-height:18px !important;} p.error-page-p1 span {font-size:30px !important;} .footer-contact{ 		display:block !important; 	} 	.bottom { margin-bottom: 45px; } .plist-picture img { width: 100%; height: auto; } .index { background-image: none; padding: 10px 0px; } .index-part1 { padding:0px; } .part1-text, .part2-text, .part3-text { float: left; width: 53%; margin-top: 0px; } .part1-images, .part2-images, .part3-images { float: right; width: 46%; } .part3-images img, .img-box img, .imgr img, .index img { width: 100%; height: auto; } .hot-4 .service-text { height: 190px; overflow: hidden; } .gate1-text, .gate2-text, .gate3-text, .gate4-text { margin-top: 0px; } } 
@media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important; } table.visible-md { display: table!important; } tr.visible-md { display: table-row!important; } td.visible-md,th.visible-md { display: table-cell!important; } .visible-md-block { display: block!important; } .visible-md-inline { display: inline!important; } .visible-md-inline-block { display: inline-block!important; } .hidden-md { display: none!important; } .main-menu .navbar-nav>li>a { padding: 35px 14px; } .page-header, .blog-section, .main-content, .main-hotpro, .main-tech, .main-app, .main-review{ padding: 25px 15px; } .pro2 { margin-left: 7px; margin-right: 7px; } .pro3 { margin-left: 4px; } .main-slider-2 .dong-tit { font-size: 22px; margin-left: 80px !important; } .main-slider-2 .dong-text { font-size: 16px; margin-left: 80px !important; } .main-slider-2 .my-btn { padding: 12px 15px; width: 140px; margin-left: 70px !important; 	    margin-top: -20px; } .main-slider-2 .my-btn-text { font-size: 16px; } .hot-4{ 	margin-left: 5px; margin-right: 4px; } .tech2 { margin-left: 9px; margin-right: 9px; height: 150px; } .tech2 p { height: 85px; } .app2 { margin-left: 9px; margin-right: 9px; } .home-blog-item-image { width: 50%; } .home-blog-item-desc { max-height: 130px; padding: 17px; 	height: 170px; } .home-blog-item-desc-text { height: 95px; } .owl-carousel .owl-item { margin-bottom: 30px; } .col-lg-3 { width: 50%; margin-bottom: 20px; } .plist-picture img { width: 100%; height: auto; } .pro3 .service-text p { height: 130px;text-align:left; } .pro3 .service-text { height: 210px; } .index { padding: 15px 20px; background-image: none; } .part1-text { width: 53%; margin-top: 15px; } .part2-text { width: 50%; margin-top: 20px; } .part3-text { width: 44%; margin-top: 40px; }  .hot-4 .service-text { overflow: hidden; height: 190px; } .img-box img, .imgr img { width: 100%; height: auto; } .gate1-text, .gate2-text, .gate3-text, .gate4-text { margin-top: 0px; } .gate1-images, .gate2-images, .gate3-images, .gate4-images { margin-top: 40px; } }