@media only screen and (max-width:960px) 
{
   
    .main-icon-container > .icon-container:last-child {
        margin-bottom: 0px;
    }
    .our-menu-container {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
    .contact-left,.contact-right {
        width: 100%;
        margin-bottom: 20px;
    }
    .contact-left {
        padding-right: 0px;
    }
    .contact-right {
        float: left;
        padding-left: 0px;
    }
}
                
@media only screen and (max-width:1100px) 
{
    #site-loading-right {
        display: none !important;
    }
    #site-loading-left {
        width:100%;
    }
    .left-slider {
        display: none;
    }
    .left-bar {
        right: auto;
        left:-100%;
    }
    .floor {
        padding-left: 0px;
    }
    .icon-container {
        width: 33.3333333333%;
        margin-bottom: 0px;
    }
    .our-menu-container {
        width: 66.6666666666%;
        float: right;
        padding-left: 15px;
    }
    .logo {
        margin-top: 75px;
        margin-bottom: 20px;
    }
    #mobile-menu-icon {
        display: block;
    }
    #mobile-close-icon {
        display: block;
    }
    .logo img {
        height: auto;
        width: 200px;
        border: none;
        margin: auto;
        display: block;
        padding: 10px;
    }
    .page-title {
        padding-left: 65px;
    }
}
@media only screen and (max-width:640px) 
{ 
    
    .icon-container {        width: 100%;           margin-bottom: 40px;      }
    .main-icon-container > .icon-container:last-child {          margin-bottom: 0px;       }
    .our-menu-container { width: 100%;float: left;padding-left: 0px;}
}

@media only screen and (max-width:565px){h2 {   font-size: 40px;     } }
@media only screen and (max-width:520px){h2 {   font-size: 35px;     } }
@media only screen and (max-width:481px){h2 {   font-size: 30px;     } }
@media only screen and (max-width:460px){h2 {   font-size: 25px;     } }

@media only screen and (max-width:480px) 
{
    h1,.page-title h1, .page-title h2 {         font-size: 40px;        }
    h3 {         font-size: 28px;      }
    h4,summary {         font-size: 24px;       }
    h5 {          font-size: 22px;       }
    h6 {          font-size: 20px;       }
     
    .page-title {
        padding-left: 45px;
    }
}
@media only screen and (max-width:320px) 
{  
    .left-bar {
        width: 100%;
    }
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 20px;
    }
}     
p {
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
     
    margin-bottom: 20px;
    margin-top: 0px !important;
    word-spacing: 0.15em;
} 
 
@media only screen and (min-width: 980px) and (max-width: 1300px){p{   font-size: 80%;     } }
@media only screen and (min-width: 750px) and (max-width: 980px){p{   font-size: 90%;     } }
@media only screen and (min-width: 500px) and (max-width: 750px){p{   font-size: 85%;     } }
@media only screen and (min-width: 0px) and (max-width: 500px){p{   font-size: 80%;     } }