/* MEDIA QUERIES */

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}


@media screen and (max-width:1280px) {
    
    h1, .h1, .headline-lg {
        font-size:50px;
    }
    h2, .h2, .headline-md { font-size:35px;}
    
    .global-bxrol { padding: 60px 0;}
    
    .hero-slider .hero-content .content-area .heading-h1 { font-size: 45px;}
    
}

@media screen and (max-width:1024px) {
        
    .container, .container-fluid { width:970px;}
        
    a.btn-print, .btn-print { display: none;}
    
    /* Hero Slider */
    .hero-slider .hero-content .content-area .heading-h1 { font-size:35px;}
    
}

@media screen and (max-width:980px) {
    
    h1, .h1, .headline-lg { font-size: 40px;}
    h2, .h2, .headline-md { font-size: 32px;}
    
    .headline-sm { font-size: 28px;}
    .headline-xs { font-size: 22px;}
    
    .container, .container-fluid { width:750px;}
    
    .section-headline-md { font-size: 32px;}
    
    .menu-items { display: none;}
    
    .col-feed-home .ic { display: none;}
    
    .site-navigation .menu-items li { font-size: 15px; margin-right: 15px;}
    
    .login-form { padding:25px 30px 13px 30px;}
    
    /* Hero Slider */
    .hero-slider .hero-content .content-area .heading-h1 { font-size: 30px;}
    
    .section-vertical-top .content-area { padding: 50px 0;}
    
    .section-2col .post-content { border-left: 0; padding-left: 0;}
    .row-2col .col-sidebar,
    .row-2col .col-area-content { float: none; width: 100%;}
    .row-2col .col-sidebar { display: none;}
    .col-area-content .area-header { margin-bottom:30px;}
    
    .shareall a { font-size:18px; margin-right:10px;}
    
    .headline-visible-w980 { display: block;}
    
    .section-panel-fullscreen.panel-personal .bgcover { height:55vh;}
    .section-panel-fullscreen .bgcover { height:55vh;}
    
    .list-items .entry-caption h3 { font-size: 18px;}
    
    .login-form { max-width: 350px;}
    
    .items-icon .ico { width:100px;}
    
    .sidemenu-visible-w980 { display: block;}
}

@media screen and (max-width:767px) {
    
    .container, .container-fluid { width: 100%;}

    .img-w1140 { display: none;}
    .img-w767 { display: block;}
    
    .global-bxrol { padding:40px 0;}
    
    .global-header { margin-bottom:32px;}
    .global-header-md { margin-bottom: 25px;}
    
    h1, .h1, .headline-lg { font-size: 32px;}
    h2, .h2, .headline-md { font-size: 28px;}
    
    .headline-sm { font-size:25px;}
    .headline-xs { font-size:20px;}
    
    .col-display-w767 { display: none;}
    
    a.text-link-lg, .text-link-lg { font-size: 18px;}
    
    .global-header .linkback-absolute { 
        position: relative; 
        text-align: left;
        top: 0;
        display: block;
        margin-bottom:40px;
    }

    .section-visible-w767 { display: block;}
    .section-hidden-w767 { display: none;}
    .visible-w767  { display:block;}
    
    .items-icon { margin-bottom:50px;}
    .items-icon .ico { width:80px;}

    /* Hero Slider */
    
    .hero-slider .hero-content .content-area { display: none;}
    .slider-home .owl-theme .owl-nav.disabled+.owl-dots {  bottom:50px;}
    
    .list-items { margin-bottom: 30px;}
    .list-items .entry-caption h3 { min-height: inherit;}
    .list-items .entry-price { font-size: 15px;}
    .list-items .entry-price span { font-size: 20px;}
    .list-items .entry-label { top: 5px; left: 5px;}
    .list-items .brand-logo { width:35px;}
    
    .shareall-visible-w767 { display: block;}
    
    /* Banner Heading */

    .banner-heading { color:#1c1c1c;}
    .banner-heading .area-inner { position: static; background-color: #fafafa;}
    .banner-heading .content-area { padding: 30px 0;}
    .banner-heading .content-area h1,
    .banner-heading .content-area h2 { color: #1c1c1c;}
    .banner-heading .content-area .desc { color: #777;}
    
    
    /* Section */

    .section-heading { font-size: 35px;}
    .section-headline-md { font-size:28px;}

    .section .area-inner { position: static;}
    .section .content-area { max-width: 100%; padding: 40px 0; text-align: center;}
    .section .content-area-white { color: #ddd!important;}
    
    .section-bg-image .content-area-white h1, 
    .section .content-area-white h2 { color: #333!important;}
    .section .content-area-white a.link-more { color:#007dde;}

    .section-bg-image a.text-link, 
    .section-bg-image .text-link {
        color: #007dde;
    }
    
    .section-vertical-center .content-area { max-width: 100%; margin: 0 auto;}
    
    .mobile-bggray { background-color: #eee!important;}
    
    .row-tbcell { display:block;}
    .tbcell { display:block;}
    .tbcell-content { position:static; padding:40px 20px; }
    .tbcell-image { margin: 0;}
    .tbcell-content-white { color: inherit;}
    .tbcell-content-white h3 { color: #1c1c1c;}
    .tbcell-content-white p { color: #707070;}
    
    a.link-btn-m { display: block;}
    
    .art-content .entry-image { margin-bottom: 30px;}
    .art-content .entry-header { margin-top: 10px;}
    .art-content .entry-header h1 { font-size: 28px;}
    
    .col-feed-home .ic { display: none;}
    .col-feed-home h3 { font-size: 25px; margin-bottom: 0; transform: translateY(0px);}
    .col-feed-home h3 span { font-size: 20px;}
    .col-feed-home .content-vertical-bottom { vertical-align: middle;}
    .col-feed-home .link-more { display: none;}
    
    .col-feed-hidden-w767 { display: none;}
    
    /* Section Panel Form */
    .section-panel-form .area-inner { position: relative!important;}
    
    .owl-related .owl-nav.disabled+.owl-dots { bottom: 0;}
    .owl-related .btn { display: block;}
    
     /* Section Panel Fullscreen */
    .section-panel-fullscreen .bgcover { height:28vh;}
    .section-panel-fullscreen .area-inner {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        background-color: transparent;
        background-image: none;
    }
    .section-panel-fullscreen .content-area p { display: none;}
    .section-panel-fullscreen.panel-personal .bgcover { height: 28vh;}
    
    .section-2col .post-content { padding-left: 0; border-left: 0; padding-top:30px;}
    
    .list-branch { height: 120px;}
    
    .w767-center { text-align: center;}
    
    /* Login Form */
    
    .login-form { max-width: 100%; margin: 0 auto; padding:40px 0;}
    
    .entry-allpoint { text-align: left;}
    
    .col-m-2clear:nth-child(2n+1) { clear:both!important;}
    .col-m-2clear:nth-child(3n+1) { clear:inherit;}
    
    .site-navigation .nav-action .btn { 
        height: 35px; 
        line-height: 31px; 
        padding:0 16px; 
        font-size: 14px;
    }
    
    .entry-label {
        width: 32px;
        height: 32px;
        line-height:32px;
        font-size:9px;
    }
    
    /* Section Item Slider */
    .section-item-slider .list-items .entry-caption h3 { font-size: 20px;}
    .section-item-slider .list-items .entry-label { 
        top: 10px;
        left: 10px;
        width:45px; 
        font-size:11px;
        height:45px; 
        line-height:45px;
    }
    .section-item-slider .list-items .brand-logo { width: 60px;}
    .section-item-slider .owl-theme .owl-nav.disabled+.owl-dots { bottom:-10px;}
    .section-item-slider a.btn,
    .section-item-slider .btn { display: block;}
    
    /* Accordion */
    .accordion-group .entry-head { padding:15px 60px 15px 0px; }
    .accordion-group .entry-head .icon {
        margin-top:18px;
        right: 0;
        top: 0;
    }
    .accordion-group .entry-head .itop, 
    .accordion-group .entry-head .icenter { width:18px;}

    .sidemenu { display: none;}
    .sidemenu-visible-w767 { display: block;}
    
    .lineend-w767 { display: block;}
    .headline-hidden-w767 { display: none;}
    
}

@media screen and (max-width:320px) {
    
    h1, .h1, .headline-lg { font-size: 28px;}
    h2, .h2, .headline-md { font-size: 25px;}
    h3 { font-size:16px;}
    
    .headline-sm { font-size: 22px;}
    
    .section-headline-md { font-size:25px;}
    
    .col-feed-home h3 { font-size: 18px;}
    .col-feed-home h3 span { font-size: 15px;}
    
    .tbcell-content h3 { font-size: 20px;}
    
    a.btn-md, .btn-md, .button-md {
        font-size: 14px;
        padding: 0 20px;
    }
    a.btn-sm, .btn-sm, .button-sm { padding: 0 15px;}
    
    .site-navigation .shareall { margin-right: 15px;}
    
    .list-branch { font-size: 16px;}
    
    .section .content-area { padding:30px 0;}
    
    .section-item-slider .list-items .entry-caption h3 { font-size:18px;}
    
}