﻿@media screen and (max-width: 767px){

    .P21SystemBody, .Content {
        width: 100%;
        max-width: none !important;
    }

    .HomeWrap {
        max-width: 1800px;
        margin: 0 auto;
    }

    body {
        background-color: white;
    }

    .PageBox {
    
        margin: 20px 20px;
        background-color: white;
        display: block;
        box-shadow: 6px 6px 6px #616161;
        overflow: auto;
        border-radius: 10px;
        overflow: hidden;
    }

    h2 {
        color: white !important;
    }
    .SectionTitle {
        /*  background-image: url(/Customer/asfain/images/Products/productsbanner4.webp);
          overflow: hidden; */
          background-color: #065590;
      }

      .SectionTitle, h4 {
        margin-bottom: 0px;
        line-height:25px;
        font-size: 25px;
        font-weight:200;
        margin-top: 0px !important;
        color: #f5f5f5 !important;
    }

    #ProductsWrapper {
        background-color: white;
    }

    /***Slider Adjustment***/

    #NewSlider {
        display: none;
        height: 100%;
        width: 100%;

    }

    #Slipry {
        display: none;
    }

    #Slide_Fall_22_Mobile {
        display: none;
    }

    #MobileBanner {
        display:  block;
        width: 100%;
    }


    /*** CATEGORY SECTION ***/

    .CategoriesSection {
        text-align: center;
    }

    .SectionTitle {
        text-align: Center;
    }

    .HomeCategory {
        display: inline-block;
        width: 37.9%;
        vertical-align: top;
        min-height: 203px;
    }

    .CategoryTitle h3 {
        font-size: 20px;
        min-height: 60px;
    }

    @media screen and (max-width: 424px) {
        .Promotion, .PromoTitle {
            text-align: center;
        }

        .PromoImgWrapper {
            float: none;
            margin: 0 auto;
            width: 200px;
        }
    }

    /*** CATALOG ***/

    #CatalogsWrapper {
       line-height: 30px;
       background-image: linear-gradient(white, #f5f5f5));
       padding-bottom: 20px;
       text-align: center;
       margin-top: 80px;
    }

    #Logo {
        display: none;
    }

    #Linecard {
        display: block;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
    }

    h1 {
        color: #065590;
    }
    

    .CatalogDesc h3:hover {
        color: #065590;
        border-color: #065590;
    
    }

    h4 {
        color:#065590!important;
    }
    
    #h4header h4:hover {
        color: #065590 !important; 
    }

    #CatalogText {
        top: 0;
    }

    #CatalogContent {
        padding-top:0;
    }

    .CatalogDesc h3 {
        margin: 0 !important;
        bottom: 0px;
        color:#065590!important;
            font-size: 40px;
            line-height: 25px;
            margin-bottom: 5px;
            padding: 15px 0px 15px 10px;
            margin-left: 10px;
            position: relative;
            font-weight: 600;
            text-align: center;

    }

    .LILogo {
        width:100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    iframe {
        width: 100%;
        height: 400px;
        overflow: hidden;
        box-shadow: 5px 5px 10px darkgray;
    
    
    }

    #LinkedinLogo {
    
        margin: 15px;
        vertical-align: middle;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    
    }

    #SocialText {
        border-left:5px solid darkgrey ;
        text-align: left;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        vertical-align: middle;
    
    
    }

    .LinkedinPosts {
        background-color: #f5f5f5;
        text-align: center;
        padding:15px;
        
        
    }

    /*** SERVICES ***/

    .ServiceWrap {
        width: 100%;
        border-right: none !important;
        border-bottom: 4px solid #f5f5f5 !important;
    }

        .ServiceWrap:last-child {
            border-bottom: none !important;
        }

        

}
