﻿
/* Mobile */
@media (max-width:767px) {
     /* header */
    header  .swap-search{display:none;}
    header .col-header ul.support-top{display:none;}
    .language{top:initial; bottom:43px; right:30px; z-index:25}
    .language a{border:4px solid rgba(0,0,0,.3)}
    
    /* Home */
    .wrap-product-home{margin-bottom:40px;} 
    .wrap-product-home ul.service-home{margin: 0 -15px; float:initial; width:initial; clear:both;}
    .wrap-product-home ul.service-home li{width:100%; padding: 0 15px;}
    .wrap-product-home ul.service-home li .statistics{left:15px;}

    #home-news section ul.service-home li .img{margin-bottom:15px;}
    #home-news section ul.service-home li .statistics{top:170px;}

    #banner-slider{margin-top:20px;}

    .wrap-partner-home .title-partner{margin-bottom:25px;}
    .wrap-partner-home .slider-partner .owl-buttons div{top:-50px;}
    .wrap-partner-home .slider-partner .owl-buttons .owl-prev{left:50%; margin-left:-100px;}
    .wrap-partner-home .slider-partner .owl-buttons .owl-next{right:50%; margin-right:-100px;}

    /* Footer */
    #swap-footer .col-slider .title{margin-top:15px;}
    #swap-footer{background-size:cover; background-position:left center;}
    #swap-footer ul.share{display:none;}
    #swap-footer ul.statistic{display:none;}
} 

 

/* Table */
@media (min-width:768px) and (max-width:991px) {
    /* header */
    header  .swap-search{display:none;}
    .language{top:initial; bottom:43px; right:30px; z-index:25}
    .language a{border:4px solid rgba(0,0,0,.3)}
    header .col-header ul.support-top{width:100%;}
    header .col-header ul.support-top li:last-child{float:right; margin-right:30px}
    header .col-header ul.support-top li:last-child{padding: 0 42px 0 0; text-align:right;}
    header .col-header ul.support-top li:last-child i{left:initial; right:0;}

    /* Home */
    .wrap-product-home{margin-bottom:40px;} 
    .wrap-product-home ul.service-home{margin: 0 -15px; float:initial; width:initial; clear:both;}
    .wrap-product-home ul.service-home li{width:50%; padding: 0 15px;}
    .wrap-product-home ul.service-home li .statistics{left:15px;}

    #home-news section ul.service-home{width:calc(100% + 30px ); margin-top:-30px}
    #home-news section ul.service-home li{width:calc(50% - 30px); margin: 30px 30px 0 0;}
    #home-news section ul.service-home li .img{margin-bottom:15px;}
    #home-news section ul.service-home li .statistics{top:170px;}

    .wrap-partner-home .title-partner{margin-bottom:25px;}
    .wrap-partner-home .slider-partner .owl-buttons div{top:-50px;}
    .wrap-partner-home .slider-partner .owl-buttons .owl-prev{left:50%; margin-left:-100px;}
    .wrap-partner-home .slider-partner .owl-buttons .owl-next{right:50%; margin-right:-100px;}


    /* Footer */
    #swap-footer ul.share{display:none;}
    
}

/* Medium Desktops  */
@media (min-width:992px) and (max-width:1199px) {
    
    /* Home */
     .col-left-home{float:right; padding-left:30px;}
    .col-right-home{border-right:1px solid rgba(0,0,0,.07); padding-right:30px; margin-top:60px;}

    #home-news section:nth-child(2n+1){}
    #home-news section:nth-child(2n+1) ul.service-home{padding-left: 300px; position:relative; clear:both;}
    #home-news section:nth-child(2n+1) ul.service-home li{padding-left:180px; position:relative; display:block; min-height:120px;}
    #home-news section:nth-child(2n+1) ul.service-home li .img{width:160px; height:120px; position:absolute; top:0; left:0;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child{width:270px; height:100%; position:absolute; top:0; left:0; display:block; padding:0;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child .img{width:100%; position:relative; height:250px; margin-bottom:15px;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child a.title h3{font-size:22px; margin:15px 0 10px 0; float:left;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child .statistics{top:200px;}

    #home-news section:nth-child(2n+2){}
    #home-news section:nth-child(2n+2) ul.service-home{width:initial; float:initial; margin: 0 -15px;}
    #home-news section:nth-child(2n+2) ul.service-home li{display:none; width:33.33333333%; padding:0 15px; margin-bottom:0;}
    #home-news section:nth-child(2n+2) ul.service-home li:nth-child(1),#home-news section:nth-child(2n+2) ul.service-home li:nth-child(2),#home-news section:nth-child(2n+2) ul.service-home li:nth-child(3){display:block;}
    #home-news section:nth-child(2n+2) ul.service-home li .img{margin-bottom:15px;}
    #home-news section:nth-child(2n+2) ul.service-home li .statistics{top:170px; left:15px;}
}
/* Large  Desktops  */
@media (min-width: 1200px) {

    /* Home */
    .col-left-home{float:right; padding-left:30px;}
    .col-right-home{border-right:1px solid rgba(0,0,0,.07); padding-right:30px; margin-top:60px;}

    #home-news section:nth-child(2n+1){}
    #home-news section:nth-child(2n+1) ul.service-home{padding-left: 400px; position:relative; clear:both;}
    #home-news section:nth-child(2n+1) ul.service-home li{padding-left:200px; position:relative; display:block; min-height:120px;}
    #home-news section:nth-child(2n+1) ul.service-home li .img{width:180px; height:120px; position:absolute; top:0; left:0;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child{width:370px; height:100%; position:absolute; top:0; left:0; display:block; padding:0;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child .img{width:100%; position:relative; height:250px; margin-bottom:15px;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child a.title h3{font-size:22px; margin:15px 0 10px 0; float:left;}
    #home-news section:nth-child(2n+1) ul.service-home li:first-child .statistics{top:200px;}

    #home-news section:nth-child(2n+2){}
    #home-news section:nth-child(2n+2) ul.service-home{width:initial; float:initial; margin: 0 -15px;}
    #home-news section:nth-child(2n+2) ul.service-home li{display:none; width:33.33333333%; padding:0 15px; margin-bottom:0;}
    #home-news section:nth-child(2n+2) ul.service-home li:nth-child(1),#home-news section:nth-child(2n+2) ul.service-home li:nth-child(2),#home-news section:nth-child(2n+2) ul.service-home li:nth-child(3){display:block;}
    #home-news section:nth-child(2n+2) ul.service-home li .img{margin-bottom:15px;}
    #home-news section:nth-child(2n+2) ul.service-home li .statistics{top:170px; left:15px;}

    /* Footer */
    #swap-footer .col-add{padding-left:180px;}
  
}
