
 @media only screen and (max-width: 768px) {


     /*
    * --------------------------------------------
    * layout two media query starts here //
    * --------------------------------------------
    */

     
     .header-layout-four .general-header-inner nav.layout-four #main-nav {

         padding: 15px 0;
     }
     .header-layout-four .general-header-inner nav.layout-four #main-nav .close-menu {

         color: $white;
         border-bottom: 1px solid #333;
     }


     .banner-style-four-container .featured-content-title h2 {

        font-size:18px;
     }

     .header-layout-four .general-header-inner .logo_and_advt_holder,
     .header-layout-four .general-header-inner .site-info {

        text-align:center;
     }

    .header-layout-four .general-header-inner .site-info {

        padding-bottom:30px;
    }



     /*
    * --------------------------------------------
    * layout two media query ends here //
    * --------------------------------------------
    */
 }

 @media ( max-width: 768px ) {
    .header-layout-four {

        .general-header-inner {

            .main-nav-container {

                background-color: $white;
            }
        }
    }
 }
 @media only screen and (max-width: 450px) {


     /*
    * --------------------------------------------
    * layout two media query starts here //
    * --------------------------------------------
    */

    .header-layout-four .general-header-inner .logo_and_advt_holder {

        padding:20px 0;
    }

    .header-layout-four .general-header-inner .site-info {

        padding-bottom:20px;
    }
    
    .home-layout-four-masonry .masonry-grid,
    .home-layout-four-masonry-no-sidebar .masonry-grid {
        margin-left: 0;
    }
     .banner-layout-four .owl-carousel .owl-nav button.owl-prev,
     .banner-layout-four .owl-carousel .owl-nav button.owl-next,
     .banner-layout-four .owl-carousel button.owl-dot {

         opacity: 0.2;
         width: 27px;
         height: 27px;
         bottom: 10%;
     }

     .general-banner .featured-content-holder {

        padding:0 20px;
     }

     

     .banner-layout-four .owl-carousel .owl-nav button.owl-prev:hover,
     .banner-layout-four .owl-carousel .owl-nav button.owl-next:hover,
     .banner-layout-four .owl-carousel button.owl-dot:hover,
     .banner-layout-four .owl-carousel button.owl-dot:focus {

         opacity: 1;
         cursor: pointer;
     }

     .banner-layout-four .featured-content-title h2 {

         font-size: 20px;
     }

     .masonry-grid .grid-item {

         margin-right: 0;
         padding: 0 15px 20px 15px;
         margin: 0 0;
         width: 100%;
     }

     .masonry-grid .grid-item .post-details-holder {

         margin-bottom: 0;
     }





     /*
    * --------------------------------------------
    * layout two media query ends here //
    * --------------------------------------------
    */
 }