@media screen and (max-width:1200px) {
    .container{
        max-width: 100%;
        padding: 4px 20px;
    }


    #main #tour-pl .grid-wrapper, #main #cat-wrapper .cat-grid-wrapper
    {
        grid-template-columns: repeat(3, 1fr);
    }

    #main #ammt .grid-wrapper{
         grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width:1000px) {
    #main #featured-ads .prd-wrapper .grid-content,
    #main #tour-pl .grid-wrapper, 
    #main #cat-wrapper .cat-grid-wrapper,
    #main #slider.fixed-slider .content.container .pre-search-form .row.grid-row{
         grid-template-columns: repeat(2, 1fr);
    }

    #main #intro .grid-wrapper,
    #main #abt .grid-wrapper{
        display: block;
        width: 100%;
    }

    #main #intro .grid-wrapper .content-wrapper,
    #main #abt .grid-wrapper .abt-rt-wrap{
        margin-top: 2rem;
    }
}


@media screen and (max-width:550px) {
    #main #slider.fixed-slider
    {
        height: 850px;
    }

    #main #slider.fixed-slider .content.container .title{
        font-size: var(--font-size-xl);
        margin-bottom: 2rem;
    }

       #main #slider.fixed-slider .content.container .pre-search-form .row.grid-row
       {
             grid-template-columns: 1fr;
       }


       #main h2.title, 
       #main h3.title, 
       #main h4.title, 
       #main h5.title, 
       #main h6.title{
        font-size: var(--font-size-md);
        letter-spacing: 6px;
       }

       #main #featured-ads .prd-wrapper .grid-content .card .card-header{
        height: 200px;
       }

       #main #featured-ads .prd-wrapper .grid-content .card .card-body .flex-wrapper .title-content .main-title{
        font-size: var( --font-size-base);
       }

       #main #tour-pl .grid-wrapper .card.pl-card .card-body{
        height: 200px;
       }

       #main #ads .ad-wrapper .grid-wrapper{
        display: block;
        width: 100%;
       }

       #main #ads .ad-wrapper .grid-wrapper .lf-bg-wrap{
        width: 100%;
       }

       .lf-bg-wrap,
       #main #ads .ad-wrapper .grid-wrapper .rt-wrap {
        min-height: 200px;
        padding: 5px 7px;
       }

       #main #abt .grid-wrapper .abt-lft-wrap .bg-wrap{
        height: auto;
       }

       #main #ammt .grid-wrapper{
        grid-template-columns: repeat(2, 1fr);
       }

       #main #cat-wrapper .cat-grid-wrapper .card .card-body{
        height: 150px;
        overflow: hidden;
       }

       #main #abt .grid-wrapper .abt-lft-wrap .bg-wrap{
        outline: none;
       }
}


@media screen and (max-width:450px) {
      .container{
        max-width: 100%;
        padding: 4px 8px;
    }

    #main #featured-ads .prd-wrapper .grid-content .card .card-body{
        padding: 5px;
    }

    #main #featured-ads .prd-wrapper .grid-content, 
    #main #tour-pl .grid-wrapper, 
    #main #cat-wrapper .cat-grid-wrapper{
        grid-row-gap: 20px;
        grid-column-gap: 6px;
    }

    #main #featured-ads .prd-wrapper .grid-content .card .card-body .flex-wrapper .prc-content .text.amt,
    #main #featured-ads .prd-wrapper .grid-content .card .card-body .flex-wrapper .title-content .main-title{
        font-size: var(--font-size-base)
    }

    #main #cat-wrapper .cat-grid-wrapper .card{
        height: 200px;
    }
    #main #cat-wrapper .cat-grid-wrapper .card .card-footer .text{
        font-size: var(--font-size-sm);
    }

    #main #intro .grid-wrapper .img-gallery-wrapper .img-fluid{
        height: 150px;
    }
}