/* ==========================================================================
Import the default responsive css
========================================================================== */
@import url('/css/responsive.css');


/* ==========================================================================
Media Queries
========================================================================== */
@media all and (max-width:1280px){
    .h2slider .desc { width:50%; }
}

@media all and (max-width:1120px){
    .header-container .logo img { width:300px; }
    .header-container .mainnavigation { margin:47px 0 0 0; }
    .header-container .mainnavigation ul li a:hover, .header-container .mainnavigation ul li.active a { padding:40px 0; }
    .header-container .icons { padding:42px 0 0 20px; }
    .home .h2slider .inner { padding:0; }

    .h2slider .desc { width:60%; }
    .h2slider .desc .title { font-size:50px; }
    .h2slider a.link { width:100px; height:100px; }
    .h2slider.effects .item.cycle-slide-active .desc a.link { padding:40px 5px; }

}

@media all and (max-width:1080px) {
    .header-container .logo img { width: 200px; height: auto }
    .header-container .mainnavigation { margin:40px 0 0 0; }
    .header-container .mainnavigation ul li { font-size:15px; margin:0 0 0 10px; }
    .header-container .mainnavigation ul li a:hover, .header-container .mainnavigation ul li.active a { padding:33px 0; }
}


@media all and (max-width:1020px){
    .header-container .mainnavigation ul li { font-size:14px; margin:0 0 0 15px; }

}

@media all and (max-width:960px){
    /* h2slider */
    .h2slider .item {background: none}
    .h2slider .mobile-image {display: block}
    .h2slider, .h2slider .item{height: auto !important;}
    .h2slider .desc {}
    .h2slider .desc .title {font-size: 46px; }
    .scroll, .h2slider .overlay, .h2slider .slider-nav {display: none !important;}

    .header-container { padding:0 0 23px 0; }

    .header-container .mainnavigation { margin:40px 0 0 0; }
    .header-container .mainnavigation ul li { font-size:13px; margin:0 0 0 10px; }
    .header-container .mainnavigation ul li a:hover, .header-container .mainnavigation ul li.active a { padding:33px 0; }
    .header-container .icons { padding:32px 0 0 15px; }

    /* h2slider */
    .h2slider .desc {width: 50%}
    .h2slider .desc .title {font-size: 36px;}
    .h2slider a.link { width:85px; height:85px; }

    .h2slider.effects .item.cycle-slide-active .desc a.link { padding:34px 0; font-size:13px;}

}

@media all and (max-width:768px){
    .footer-container .footer-columns_1 .column, .footer-container .footer-columns_2 .column, .footer-container .footer-columns_3 .column, .footer-container .footer-columns_4 .column, .footer-container .footer-columns_5 .column { width:100%; }
    .footer-container .phone, .footer-container .email { text-align:left; }
    .footer-container .spinicon { float:left; margin:20px 0 0 0; }
    .footer-container .col_2 .title h3 { margin-top:0; }
    .footer-container .footer-columns .column .el-inner { padding:2% 0 0 0; }
    .footer-container .copyright { text-align:left; }
    .footer-container .footer-columns_3 .column { margin:0; }
    .footer-container .footer-logo { width:100%; float:left; margin:5% 0 0 0; }


    .header-right { padding:0 5%; }
    .header-container { padding:0; }
    .header-container .mainnavigation ul li a:hover, .header-container .mainnavigation ul li.active a { padding:2% 0; }
    .header-container .topnavigation ul li:hover, .header-container .topnavigation ul li.active { background:none; }
    .header-container .icons { padding:26px 15% 0 15px; }
    .header-container .mainnavigation { margin:20px 0 0 0; }
    .header-container .logo { padding:24px 0 0 0; }
    .header-container .dropdown { top:63px; }

    .home .content { padding-top:30px; }

    .h2slider.effects .item.cycle-slide-active .desc a.link { margin-top:30px; }
    .h2slider.clear-mobile .desc { background:#2eb4fa; }

    .i4autohighlights .highlight .title,.i4autohighlights .highlight .text { text-align:center; }
    .highlights.i4autohighlights .highlight a.link { width:100%; display:inline-block; text-align:center; }


    .leftcol { max-width:none; }
    .content { padding-top:110px; }
    .leftcol .subnav >ul >li { border:none; }
    .subdropdown { padding:5% 0 3% 0; border-top:0; }
    .navigation-left .subnav, .subdropdown-title { margin-bottom:20px; text-align:center; }
    .contentcolumn { padding:6% 0 1% 0; }

}

@media all and (max-width:640px){

    .a2paragraph .image { width:100%; height:auto; }
    .a2paragraph .image img { border-radius:600px; }

}

@media all and (max-width:480px){

}

@media all and (max-width:360px){

}