@media (max-width: 991.98px) {
    .child {
        position: absolute !important;
        width: 70% !important;
        height: 240px !important;
        top: 12% !important;
        left: 17% !important;
        background-color: #ffffff !important;
        border-radius: 24px !important;
    }

    #loadImg {
     position: absolute !important;
    
             height: 64% !important;
             top: 29% !important;
    left: 20% !important;
             display: block !important;
             bottom: 7px !important;
             width: 60% !important;
    }
    #msg {
        position: relative !important;
            top: 25% !important;
             
         
            text-align: center !important;
            font-size: 18px !important;
            display: block !important;
            font-weight: bold !important;
    }
}

    .child{
        position: absolute;
            width:600px;
        height:380px;
        top:25%;
        left: 35%;
        background-color: #ffffff;
        border-radius: 24px; }
		
		
		
		
		
	 
    #popbackground { width:100%;
                   height:100%;
                    position:fixed;
                    top:0;
                    left:0;
                    z-index:10;
                    background-color:rgba(0,0,0,0.4);
            display:none; 
    }
 
      /* colors -> https://coolors.co/e54b4b-ebebd3-464655-e4b363-e8e9eb */

    @import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');



    .menu-toggle {
       
        position: absolute;
        top: 1.8rem;
        right: 0;
        cursor: pointer;
    }

    
    .menu-toggle1 {
       
        position: absolute;
        top: 1.8rem;
        right: 0;
        cursor: pointer;
    }
    /*.hamburger,
    .hamburger::before,
    .hamburger::after {
        content: '';
        display: block;
        background: #626D80;
        height: 3px;
        width: 2rem;
        border-radius: 3px;
        transition: all ease-in-out 500ms;
    }

        .hamburger::before {
            transform: translateY(-6px);
        }

        .hamburger::after {
            transform: translateY(3px);
        }

    .open .hamburger {
        transform: rotate(45deg);
    }

        .open .hamburger::before {
            opacity: 0;
        }

        .open .hamburger::after {
            transform: translateY(-3px) rotate(-90deg);
        }*/
        
    @media (min-width: 700px) {

      
        .menu-toggle {
            display: none;
        }

        .site-nav {
            height: auto;
            position: relative;
            background: transparent;
            float: right;
            clip-path: initial;
        }

            .site-nav li {
                display: inline-block;
                border: none;
            }

            .site-nav a {
                padding: 0;
                margin-left: 3em;
            }

                .site-nav a:hover,
                .site-nav a:focus {
                    background: transparent;
                }

        .site-nav--icon {
            display: none;
        }
    }
    @media only screen and (max-width: 768px) {
  .temp {
    height: 35px !important;
    padding: 0 !important;
  }
        #mobile-menu-MyAccount {
        position:absolute !important
        }

        .topGreyBar .top-nav li.account-link > a {
            padding-right: 15px!important;
            /*background: transparent url(/content/images/account-new.jpg) left center no-repeat;*/
        }

        .logo-div {
        width:50%;
        float:left;
        }
     
        #PhHeaderRow {
           
        min-height: 60px;
    padding: 0px 15px;
        }
        #dvTrackInHeader{
            padding:0px;
                float: right !important;
    text-align: right;
   width: 50%;
   display:block !important;
}
        
        .dahboard-menu{
            width:40%;
            float:right;
            position:relative;
        }
        .cart-link{
           width: 25px;
    padding-top: 1rem;
    float: right;
    
    margin-right: 3.5rem;
        }
         .moblieTrack{
            display:block !important;
           padding: 0.8rem;
    
        font-size: 22px;
    padding-top: .8rem;
    padding-left: 3rem;
    margin-right: 3rem;
        }
.moblieTrack1 {
    display: block !important;
    font-size: 22px;
}
     .count {
            top: 7px;
    left:68px;
    width: 20px;
    height: 21px;
    color: #fd0d0d;
    background: #FFF;
    font-weight: 500;
    line-height: 22px;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #b3b9c4;
    font-size: small;
        text-align: center;
        z-index:1;
        }

        #mobile-menu-MyAccount,
        #mobile-menu-dashboard {
        border-bottom:1px solid #000 !important;
        }
        .topGreyBar .top-nav li.account-link > a {
            font-size:12px !important;
        }
        #PHLogoContainer {
            padding:0 !important;
        }
        .PHlogo img, .PHlogo a > svg {
    margin: 16px 0;
    max-width: 275px;
}
        /*#top-bar {
  position: fixed;
  display:block !important;
  top: 0;
  width: 100%;
  background-color:white;
  z-index:99;
}*/
        /*.quote-section {
                margin-top: 112px;
    position: relative;
        }*/
        .btnTrackInHeader.logged-in-header {
    color: #000000!important;
    background: url(/Areas/AccountSection/content/images/home/wallet-icon-revised.svg);
    background-repeat: no-repeat;
    padding-left: 17px !important;
    background-size: 45px !important;
    background-position: 0 5px !important;
    margin-left: 0;
}
        #dvTrackInHeader .btnTrackInHeader {
    width: 100%;
    left: 41px;
    top: 2px;
}
        /*.inner-page {
        margin-top:112px;
        }
        #fullPage {
        margin-top:112px;
        }*/
        .topGreyBar .top-nav li.account-link > a {
        padding-right:0 !important;
        }
        header#main-header .top-area .top-nav li.account-link>a {
        padding-right:0 !important;
        font-size:12px !important;
 
               }
        #loadImg {
        width:120px !important;
        height:120px !important;
        top:30% !important;
        left:35% !important;
        }
        .order-cnf-printing-info:not(.single-shipment .order-cnf-printing-info) {
        overflow:scroll;
        }
        .display-mob {
display: flex !important;
}
}
     #mainMenu,
     #subMenuClose,
     #ourService,
     .menu  {
   
    padding-left: 1rem !important;
}
   #dvTrackInHeader{
    display: none;
}
.display-mob {
display:none;
}

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

        
    #mobile-menu-MyAccount {
        position: fixed;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        background: #ffffff;
        z-index: 100001;
        width: 100%;
    }

    #subMenuClose{
           
    background-color: rgba(242, 242, 242, 1);
    }
   .close-btn-menu {
float: right;
    margin-right: 0px;
    }
   .mobile-menu-top-section ul li{
       font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #626D80 !important;
    line-height: 46px !important;
           list-style: none;
    text-align: left;
   }
     .mobile-menu-top-section ul li a{
         color:#626D80 !important;
     }

        .mobileMenuContainer {
            position:relative;
        }

        #mobile-menu-dashboard {
            position: absolute;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent;
            background: #ffffff;
            z-index: 100001;
            width: 100%;
            top: 75px;
        }
        .rightIcon {
            float: right;
            margin-right: 16px;
            font-size: 23px;
            position: relative;
            top: 10px;
        }
    }
    @media only screen and (max-width: 460px) {
        #mobile-menu-dashboard {
            top: 60px;
        }
    }
    @media (max-width:767px){
        .container{
            width:100% !important
        }
    }
      .moblieTrack{
            display:none;
        }