@media screen and (max-width: 1366px) {
    .message_about{
        background-position: 70% 60%;
    }
}

@media screen and (max-width: 1024px) {
    .navbar-nav{
        float: right;
    }
    .main-nav > li > a {
        padding: 25px 15px;
    }
    .news_box img{
        height: 283px;
    }
    .quote,.QuoteModal,.tel_btn{
        z-index: 9999;
    }
    .QuoteModal{
        right: 15px;
        left: 15px;
    }
    .main_about{
        background-size: auto;
    }
    .message_about{
        background-position: 60% 50%;
    }
    .dropcap p {
        font-size: 21px;
    }
    .dropcap p span.p15{
        padding-left: 0;
    }
    .t30, h2 {
        font-size: 26px;
    }
    video{
        height: 450px;
    }
    .line:before, .line:after{
        width: 25%;
    }
    .line:before{
        left: -30%;
    }
    .line:after{
        right: -30%;
    }
    menu{ z-index: 9998;}
    .language_list .dropdown-menu{
        z-index: 9999;
    }
    .popup_modal{
        width: 100%;
    }
    .bttn{
        padding: 0 30px 5px 30px;
    }
    .main_news_detail h3 {
        font-size: 16px;
        line-height: 1.5;
    }
    .last-line_head p{
        height: 50px;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        background-color: rgba(54, 88, 137, 1);
        margin: 20px 0;
    }
    .navbar-toggle .icon-bar{
        background-color: #fff;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        background-color: rgba(54, 88, 137, 1);
    }
    .navbar-nav>li {
        float: none;
        border-bottom: 1px solid rgba(85, 146, 197, 0.5)
    }
    .navbar-nav>li>a {
        padding : 15px 0;
        color: #fff;
        letter-spacing: 2.5;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .main-nav .sub-menu{
        position: relative;
        top: auto;
        left: auto;
        text-align: center;
        width: 100%;
    }
    .main-nav .sub-menu>li a{
        background-color: #002c6b;
        letter-spacing: 2.5;
    }
    
}
/*
@media (max-width: 812px) {
    .x-port{
        width: 100%;
    }
    .x-port.col-sm-offset-6{
        margin-left: 0;
    }
    .message_about {
        background-position: 20% 10%;
        background-size: 150%;
    }
}*/

@media (max-width: 768px){
    menu{ padding: 0;}
    .container {
        width: 715px;
    }
    .cover_home{
        height: 55vh;
        background-size: auto;
    }
    h3{ font-size: 16px;    }
    .news_box img {
        height: 198.328px;
    }
    .main_news_detail p, .box_dot{
        font-size: 18px;
    }
    .bttn{
        padding: 0 20px 5px 20px;
        font-size: 21px;
    }
    .ft2 li a i {
        font-size: 20px;
        padding: 5px 0px;
    }
    .ft2 li {
        width: 40px;
        height: 40px;
    }
    .header_main_heading.pdl100{
        padding: 0;
    }
    .t48 ,.header-sub-heading .t60 { font-size: 44px;}
    .quotation:before,.quotation::after{ font-size: 100px;}
    .about_blockquote p.quotation  {font-size: 21px;}
    .message_about {
        background-position: 50% 50%;
    }
    .dropcap p,
    .service_inner p {
        font-size: 18px;
    }
    .main_global{ padding: 150px 0 30px 0; }
    .office_global{
        background-size: 150%;
        background-position: -20% -14%;
        padding-top: 400px;
    }
    .main_content_heading{
        text-align: center;
        margin-bottom: 10px;
    }
     .form_about {
         text-align: left;
     }
     .service_inner .main_content_heading{
        text-align: unset;
     }
     .main_content_heading h1.t48{
         font-size: 36px;
     }
     .content_box_service.pdr15{
         padding: 15px 25px 0 0;
     }
     .t36{ font-size: 28px;}
     .t72 {font-size: 60px;}
     .event_img img{
         height: auto;
     }
    .t30, h2 {font-size: 20px;}
    .t44,.header-sub-heading .t48 {font-size: 30px;}
    .modal-title {
        margin: 5px 0 0 0;
    }
    .modal-header.p20{
        padding: 15px 20px;
    }
    
    .modal-header .close {
        margin-top: -5px;
    }
    .modal{
        z-index: 9999;
    }
    .main_lic, .main_it, .main_graphic, .main_event, .main_sale, .main_train, .main_printing, .main_news, .main_contact{
        padding: 250px 0 50px 0;
    }
}

@media screen and (max-width: 736px) {
    
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 813px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

    .container {
        width: auto;
    }
    .header_address{
        width: 80%;
    }
    .header_address li{
        font-size: 12px;
    }
    .navbar-toggle{
        margin: 15px 10px 20px 0;
    }
    .cover_home {
        height: 50vh;
    }
    .header_inner_content{
        padding: 0 15px;
    }
    .t44, .header-sub-heading .t48 {
        font-size: 26px;
    }
    .t30, h2 {
        font-size: 20px;
    }
    .content_box_inner,
    .content_box_service {
        width: calc(100% / 1);
    }
    .main_content_heading {
        margin-bottom: 20px;
    }
    .news_box img {
        height: auto;
    }
    footer{
        background-size: contain;
        padding: 20px 0 50px 0;
        background-color: #334d7e;
        background-position-y: 635%;
    }
    #main_news{
        padding-bottom: 60px;
    }
    .dl-horizontal dt{
        float: left;
    }
    .ft1 ul{
        padding-left: 0;
    }
    .ft1 li{
        display: inline-block;
    }
    .ft1 li a{
        font-size: 12px;
        letter-spacing: 0.5;
    }
    .tel_btn{
        right: 10px;
        height: 50px;
        width: 50px;
        bottom: 140px;
    }

    .quote{
        right: 10px;
        height: 50px;
        width: 50px;
        bottom: 80px;
    }
    .cd-top{
        right: 10px;
        height: 50px;
        width: 50px;
    }
    .quote i,
    .tel_btn i {
        font-size: 25px;
        padding: 13px;
    }
    .cd-top i {
        font-size: 38px;
        padding: 0px 8px;
    }
    .ft2 h3{
        text-align: left;
    }
    .header_main_text{
        position: relative;
        padding: 110px 0;
    }
    .popup_modal{
        width: 100%;
    }
    .header_inner_content {
        padding: 20px 15px 60px 15px;
    }
    .message_about {
        padding: 360px 0 70px 0;
        background-position: 0;
        background-size: 100%;
        background: url(../images/bg_president_m.jpg) no-repeat !important;
    }
    .about_blockquote.text-right{
        text-align: center;
    }
    .t60{
        font-size: 36px;
    }
    .t48, .header-sub-heading .t60 {
        font-size: 30px;
    }
    .t36 {
        font-size: 20px;
    }
    .dropcap .t36{  
        font-size: 60px;
    }
    span.pd30{
        padding-left: 0;
    }
    .main_global{
        background-size: contain;
    }
    .main_global {
        padding: 30px 0 30px 0;
    }
    .office_global {
        background-position: -20% 0%;
        padding-top: 550px;
    }
    .t24 {
        font-size: 20px;
    }
    .t24 strong{
        font-weight: bolder;
    }
    .main_lic, .main_it, .main_graphic, .main_event, .main_sale, .main_train, .main_printing, .main_news, .main_contact{
        padding: 150px 0 50px 0;
    }
    .main_content_service{
        padding: 0 15px;
    }
    .content_box_service,.content_box_service.pdr15, .header-sub-heading p, .header_main_heading{
        text-align: unset;
        padding: 0 0 15px 0;
    }
    .t72 {
        font-size: 50px;
    }
    video {
        height: auto;
    }
    .line:before, .line:after{
        display: none;
    }
    .box_dot {
        height: auto;
    }
    .main_form{
        margin-top: 15px;
    }
    .form_inner .col-xs-12, .form_inner, .main_form .col-xs-12{
        padding: 0;
    }
    .subject_contact label{
        color: #006abb;
    }
    .bttn{
        padding: 2px 20px 1px 20px;
    }
    .glyphicon{
        top: 3px;
    }
    .cover_home {
        background-size: contain;
        background-attachment: local;
    }
    .modal-header{
        padding: 15px;
    }
    h3.modal-title{
        font-size: 15px;
        margin-bottom: 0;
    }
    
    .modal-header .close {
        margin-top: -5px;
    }
    .owl-carousel .owl-item img {
        height: auto;
    }
    .main_news_detail h3 {
        font-size: 16px;
    }
    .n_year, .sub_header_dropdown p{
        display: block;
    }
    .n_year{
        margin: 15px;
    }
    .last-line_head p {
        height: auto;
    }
}

@media screen and (max-width: 425px) {
     .office_global {
        padding-top: 300px;
    } 
}

@media screen and (max-width: 375px) {
    .header_main_heading h1{
        padding: 30px 0 15px 0;
    }
    .header-sub-heading a.bttn{
        margin-top: 0;
    }
    .header_main_heading{
        padding: 0;
    }
    .office_global {
        padding-top: 300px;
    }
}

@media screen and (max-width: 320px) {
    .header_address {
        margin-right: 10px;
    }
    .main_logo a img{
        width: 220px;
    }
    .cover_home {
        height: 45vh;
        padding: 60px 0 152px 0;
    }
    .t44, .header-sub-heading .t48 {
        font-size: 20px;
    }
    .t30, h2 {
        font-size: 20px;
    }
    .header_inner_content {
        padding: 20px 15px 60px 15px;
    }
    .t24 {
        font-size: 18px;
    }
    .message_about{
        padding: 350px 0 70px 0;
    }
}