@media (min-width: 1600px){ .container{ width:1280px; padding-left:0; padding-right:0;} } @media (max-width:1599px){ } @media (min-width: 1200px) and (max-width: 1600px){ .fwidget{ margin-right:75px; flex: unset;} .flast { margin-right: 0; } .page-tit a { font-size: 18px; } } @media (min-width:992px) and (max-width:1599px){ } @media (min-width: 769px) and (max-width: 1199px){ } @media (min-width: 768px) and (max-width: 991px){ .main_menu li a { font-size: 14px; text-transform:capitalize; font-weight:normal; } } @media (max-width: 768px){ /*.header{ padding-top:5px; background-color:rgb(23,59,123,0.95)}*/ .top { margin-bottom: 10px; } .main_menu > li.searchico { margin-left: 0; } .navbar-header{ float:none;} .navbar{ min-height:2px; height:auto;} .navbar-brand { padding: 0 10px 20px; } #navbar { float: none; margin-top: 0; } .main_menu{ width:100%; display:block;} .main_menu > li{ float:none; text-align:center; border-bottom:1px solid #1c2931; margin:0; border-right:0; padding:0;} .main_menu > li > a{ float:none; display:block; padding:10px 0; line-height:1.4;} .main_menu > li > a:hover{ background-color:#ccc;} .header{ height:auto;} .pageHeader .main_menu{ margin-top: 0; margin-left: 0; } } @media (max-width: 479px){ .proTop h2{ font-size:22px; } .fbar{ font-size:24px; position:relative;} .page-banner h2{font-size:36px;} .page-nav a { font-size: 18px; line-height: 60px; padding: 0 20px; } /*.location{ margin-top:-65px !important;}*/ .navbar-brand img{ max-width:100px;} .chat-box { left:0; right:0; width:100% } .about-history{ background-color:#cacaca} .history-box{ margin:30px 15px 30px 15px;} .swiper-history { height:auto; } .swiper-history .swiper-slide { border-left:0; padding-left:0; padding-bottom:20px; margin-left:0;} .swiper-history .swiper-slide:before{ display:none;} .swiper-history .swiper-slide .year { font-size: 28px; margin-bottom: 10px; position:relative; left:0; } #home-application .col-xs-6 .box .text .bt { font-size: 16px;} #home-application .col-xs-6 .box .text { padding: 20px 10px 0 10px; } #home-application .col-xs-6 .box .text .jsh { font-size: 14px; line-height: 1.4;} #proshow .tabli { max-width: none; width:42%; } #proshow .tabdiv .box .bt { font-size: 14px; padding: 10px 10px; line-height: 20px; } .page-nav-color{ display:none;} .nav-tabs-news > li{ width:46%;} .nav-tabs-news > li > a{ font-size:14px;} .tab-content-news{padding: 30px 10px 40px;} }