/* 
    Created on : Feb 28, 2019, 6:10:13 AM
    Author     : alon

This file is for all the CSS overrdies so that we do not need to change the original template CSS file

*/


/*Discount section on home page*/
#dicountAmount
{
    color: white;
    font-weight: bold;
    font-size: 50px;
}

#dicountContainer {
    border-style: dashed;
    border-color: black;
    border-width: 5px;
    width: 50%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto; 
}

/*cities list on home page*/
#cities
{
    column-count: 2;
}
/*oriental rug page*/
#oriental_rug_header
{
    background: url(/images/oriental-rug-header.jpg) left bottom no-repeat;
    width: 100%;
    float: left;
    text-align: center;
    background-size: 100%;
    padding: 90px 0px;
    margin: 1px 0;
    position: relative;
    background-position: 0% 50%;    
}

#upholstery_cleaning_header
{
    background: url(/images/upholstery-cleaning-banner.jpg) left bottom no-repeat;
    width: 100%;
    float: left;
    text-align: center;
    background-size: 100%;
    padding: 150px 0px;
    margin: 1px 0;
    position: relative;
    background-position: 0% 50%;    
}

#topBooking a{

    display: inline;
    text-align: center;
    width: 50%;
    

    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    background: #57ad46;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 4px; 
}

#bookingContainer{
    display: inline;
    float: left;
    margin: auto;
    width: 40%;
    text-align: center;
    margin-top: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
}

.logo img{
    max-width: 324px;
    margin-top: 16px;
}

.content_row1 p {
    padding: 11px 0px 7px 0px !important;
}

@media (max-width:800px){
    #dicountContainer
    {
        width: 90%;
        padding: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #oriental_rug_header{
        background: url(/images/oriental-rug-header.jpg) left bottom no-repeat;
        background-size: cover;        
        padding: 0px 0px;
                 
    }
    #upholstery_cleaning_header
    {
        background: url(/images/upholstery-cleaning-banner.jpg) left bottom no-repeat;
        background-size: cover;        
        padding: 0px 0px;
                 
    }   
    #bookingFrame
    {
        width: 750px;
        height: 900px;
    }
    
    
    
    
    #topBooking a{

        display: inline;
        text-align: center;
        width: 50%;


        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #fff;
        background: #57ad46;
        text-transform: uppercase;
        cursor: pointer;
        padding: 10px 20px;
        border-radius: 4px; 
    }

    #bookingContainer{
        display: inline;
        float: left;
        margin: auto;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
        position: static;
    }     
    
}

@media (max-width:600px){
   
    #bookingFrame
    {
        width: 550px;
        height: 900px;
    }
}
@media (max-width:500px){
   
    #bookingFrame
    {
        width: 450px;
        height: 900px;
    }
}
@media (max-width:450px){
   
    #bookingFrame
    {
        width: 410px;
        height: 900px;
    }
}
@media (max-width:400px){
   
    #bookingFrame
    {
        width: 390px;
        height: 900px;
    }
}
@media (max-width:375px){
   
    #bookingFrame
    {
        width: 340px;
        height: 900px;
    }
}