.container{
    padding: 0 15px 0 15px;
}

/* .topnav{
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
} */
nav {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}
.phone-zone{
    display: grid;
    align-items: center;
}
.btn-center{
    display: grid;
    justify-items: center;
}
.ranking{
    display: grid;
    grid-gap: 20px;

}


.fr-auto, .auto-fr, .fr-auto-fr, .fr-fr{
    display: grid;
    grid-gap: 10px;    
}
.fr-auto{
    grid-template-columns: 1fr auto;
}
.auto-fr{
    grid-template-columns: auto 1fr;
}
.fr-auto-fr{
    grid-template-columns: 1fr auto 1fr;
}
.fr-fr{
    grid-template-columns: 1fr 1fr;
}
.align-center{
    display: grid;
    place-items: center;
}

.expand-content{
    display: grid;
    justify-content: center;
}

.tab-search .tab-header li{
    display: inline-grid;
    justify-items: center;
    align-items: center;
}

.search-blog{
    display: grid;
    grid-gap: 10px;
    align-items: center;
}

 .iti{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-row-gap: 15px;
}
.ways{
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-gap: 10px;
}
.ways label{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.pax{
    display: grid;
    grid-template-columns: 1fr auto 40px auto;
    align-items: center;
}
.pax-action{
    display: grid;
    grid-template-columns: 1fr auto auto 1fr;
}

.gallery{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(3,1fr);
    grid-gap: 20px;
}
.gallery figure{
    border-radius: var(--border-radius-xsm);
    -webkit-border-radius: var(--border-radius-xsm);
    -moz-border-radius: var(--border-radius-xsm);
    -ms-border-radius: var(--border-radius-xsm);
    -o-border-radius: var(--border-radius-xsm);
}
.gallery figure:first-child{
    grid-row: 1/ span 2;
    grid-column: 1/ span 2;
}
.gallery figure:nth-of-type(4),
.gallery figure:nth-of-type(7)
{
    grid-column: 1/ span 2;
}
.gallery figure:nth-of-type(2),
.gallery figure:nth-of-type(3),
.gallery figure:nth-of-type(5),
.gallery figure:nth-of-type(8)
{
    grid-column: 3/ span 2;
}
.gallery figure:nth-of-type(6){
    grid-column: 1/ span 4;
}

.hot-news .section-content{
    display: grid;
    grid-gap: 15px;
}

.hot-news .section-content .news{
    display: grid;
    grid-template-columns: 140px 1fr;
    grid-column-gap: 15px;
}
.hot-news .section-content .news img{
    grid-row: 1 /span 2;
}

.hot-news .section-content .news:first-child{
    grid-template-columns: auto;
}

.topnav .container{
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
    grid-gap: 2px;
}



/* Search Insurance */

/* Start Layout */


.tab-link{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 5px 20px;
}

.sidebar-list{
    display: grid;
    grid-gap: 15px;
}

.sidebar-list .list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto 1fr;
}

.first .top-news{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}
.first .top-news div:first-child{
    grid-column: 1/ span 2;
}

.feat-news{
    display: grid;
    grid-gap: 20px;
}
.feat-news .feat{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;

}
.fourth .top-news{
    display: grid;
    grid-gap: 15px;
}
.fourth .top-news .top{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
}

.fifth .news > div:first-child{
    margin-bottom: 20px;
}

.blog-news{
    display: grid;
    grid-gap: 15px;
}
.km-home{
    display: grid;
    grid-gap: 20px;
}
.tab-list li{
    margin-bottom: 10px;

}
.whyus{
    display: grid;
    grid-gap: 20px;
}

.whyus li{
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-gap: 20px;

}
.sign-in-form, .sign-up-form{
    display: grid;
    grid-gap: 20px;
}
.list-package{
    display: grid;
    grid-gap: 20px;
}

.search-insur .insur-pax li{
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    grid-gap: 5px;
    align-items: center;
}
.product-header{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 140px 1fr;
}
.product-description{
    grid-column: 1/span 2;
}

.pack{
    display: grid;
    grid-gap: 15px;
}
.pack .media{
    width: 120px;
}

.steps{
    font-size: 0; /* to avoid space beetween li */
}
.steps li{
    font-size: 14px;
}
.steps li .dot{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    
}
.steps li .text{
    padding: 20px;
}

.form-insur .pax-list{
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 150px 1fr;
}
.form-insur .pax-list div:last-child{
    grid-column: 1/ span 2;
}

.subcribe{
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
}

.top-info
{
    display: grid;
    grid-gap: 20px;
}

.major-cards{
    display: grid;
    grid-gap: 15px;
}


footer section.under .container{
    display: grid;
    grid-gap: 20px;
}
@media (min-width: 768px) {

    .hot-news .section-content{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
    .hot-news .section-content .news:first-child{
        grid-row: 1 / span 4;
    }
    .hot-news .section-content .news{
        display: grid;
        grid-template-columns: 140px 1fr;
        grid-column-gap: 15px;
    }
    .hot-news .section-content .news img{
        grid-row: 1 /span 2;
    }
    
    .hot-news .section-content .news:first-child{
        grid-template-columns: auto;
    }

    .hot-majors .section-content{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }

    .major-cards{
        grid-template-columns: 1fr 1fr;
    }

    

    .gallery figure:first-child{
        grid-row: 1/ span 2;
        grid-column: 1/ span 2;
    }
    .gallery figure:nth-of-type(2),
    .gallery figure:nth-of-type(4)
    {
        grid-column: 3/ span 1;
    }
    .gallery figure:nth-of-type(3),
    .gallery figure:nth-of-type(5)
    {
        grid-column: 4/ span 1;
    }
    .gallery figure:nth-of-type(6)
    {
        grid-column: 1/ span 1;
    }
    .gallery figure:nth-of-type(7)
    {
        grid-column: 2/ span 1;
    }

    .top-info
    {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

    .tab-link{
        
        grid-template-columns: repeat(3,1fr);

    }
    .blog-news{
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .deal{
        display: grid;
        grid-template-columns: 250px 24px 1fr;
    }
    .deal-divider{
        display: grid; 
        align-items: center;
    }
    .whyus{
        grid-template-columns: 1fr 1fr;
    }
    .list-package{
        grid-template-columns: repeat(2, 1fr);
    }
  
    .first .top-news{
        grid-template-columns: repeat(3, 1fr);
    }
    .fifth .news{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .fifth .news > div:first-child{
        margin-bottom: 0;
    }
    .feat-news{
        grid-template-columns: repeat(2, 1fr);
    }

    .vcard{
        display: grid;
        grid-template-columns: 250px 1fr;
        grid-gap: 10px;
        align-items: center;
    }


    .form-insur .pax-list{
        grid-template-columns: 150px 1fr 1fr;
    }
    .form-insur .pax-list div:last-child{
        grid-column:unset;
    }

    .product-header{
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 120px 2fr 1fr auto;
        align-items: center;
    }
    .pack{
        grid-template-columns: 150px 1fr;
    }



    footer section.under .container{
        grid-template-columns: repeat(3,1fr);
    }
    footer section.under .container div:first-child,
    footer section.under .container div:nth-child(5),
    footer section.under .container div:last-child
    {
        grid-column: 1/ span 3;
    }

    footer section.upper .container{
        display: grid;
        grid-template-columns: repeat(5,auto);
        
    }
    
}


@media (min-width: 992px) {

    
    nav{
        grid-template-columns: auto;
    }
    .hot-news .section-content{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .hot-news .section-content .news:first-child{
        grid-row: 1 / span 4;
    }
    .hot-news .section-content .news{
        display: grid;
        grid-template-columns: 180px 1fr;
        grid-column-gap: 20px;
    }
    .hot-news .section-content .news img{
        grid-row: 1 /span 2;
    }
    
    .hot-news .section-content .news:first-child{
        grid-template-columns: auto;
    }
    .menu .panel-content{
        display: grid;
        grid-template-columns: 1fr repeat(9,auto);
        align-items: center;
        grid-gap: 20px;
    }

    .major-cards{
        grid-template-columns: 1fr 1fr 1fr;
    }

    
    .contacts{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .two-col .container{
        display: grid;
        grid-template-columns: 1fr 300px;
        grid-gap: 40px;
    }

    .blog-news{
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
    }
    .km-home{
        grid-template-columns: 1fr 300px;
        grid-gap: 20px;
    }

    .tab-link{
        grid-template-columns: repeat(4,1fr);
    }

    .whyus{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 30px;
    }
    .whyus li{
        grid-template-columns: 1fr;
    }
    .list-package{
        grid-template-columns: repeat(3, 1fr);
    }
    .first .news, .second .news, .fourth .news, .fifth .news{
        display: grid;
        grid-template-columns: 1fr 350px;
        grid-gap: 30px;
    }

    .fourth .news{
        align-items: top;
    }
    .fifth .news{
        display: grid;
        grid-template-columns: 1fr 1fr 350px;
        grid-gap: 30px;
    }
    .sidebar-list .list {
     align-items: center;
    }
    .whyus li{
        display: inline-block;

    }

    .timeline{
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        place-items: center;
        grid-gap: 30px;
    }
    .timeline .center-line{
        display: grid;
        place-items: centerf;
    }

    footer section.under .container{
        grid-template-columns: repeat(5,1fr);
    }
    footer section.under .container div:first-child,
    footer section.under .container div:nth-child(5){
        grid-column: 1/ span 2;
    }
    footer section.under .container div:last-child{
        grid-column: 4/ span 2;
    }

    
    footer section.upper .container div:first-child{
        grid-column: 1/ span 2;
    }
}

@media (min-width: 1200px) {

    .container{
        width: 1020px;
        margin: 0 auto 0 auto;
        padding: 0;
    }
   
    .tab-link{
        grid-template-columns: repeat(5,1fr);
    }
    footer section.under .container{
       
        grid-gap: 20px 40px;
    }
    .whyus{
        grid-template-columns: repeat(4,1fr);
    }
    .list-package{
        grid-gap: 30px;
    }
    /* .list-product{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        align-items: center;
    } */
}