/*  
Theme Name: Sydney Auto Removals Pty Ltd
Theme URI: http://www.sydneyautoremoval.com.au
Description: An SEO expert support Theme
Version: 1.11
Author: InfinityWebExperts
Author URI:  http://www.infinitywebexperts.com.au
*/
html{overflow-x: hidden;}
.wid-30{width: 28%;
    float: right;}
    .text-white{color:#ffffff!Important;}
    .box-div > h5{    font-size: 26px;
    border-bottom: 3px solid #1779A0;
    
    display: inline;}
    .f-20{font-size:20px; text-decoration:none;}
    .f-17{font-size:17px;}
    .box-div p{margin: 15px 0px 0px!important;}
    .footer-custom{padding:45px 18% 0px;}
    .footer-custom .first .widget_media_image img{width:310px;}
    .footer-custom .first .textwidget p{margin-bottom:5px!important;}
    .footer-custom .first .social li a{color:#ffffff!important; height:60px!important; width:30px!important; margin-right:10px;}
    .footer-custom .first a.social i{font-size:40px; color:#ffffff;}
    
    .footer-custom .widget-title{font-size:36px; color:#ffffff;}
    .footer-custom .copyright .copy{clear:both!important;}
    .copy-r{text-align: center; padding: 15px 15px; color: #ffffff; border-top: 1px solid #dedede; margin-top: 15px;}
    .copy-r small{color: #ffffff!important;}
    /* floats */
.quarter,
.one-third,
.two-thirds,
.half {
    float: left;
}
/* widths */
.one-third {
    width: 32%;
}
.two-thirds {
    width: 65.5%;
}
.quarter {
    width: 23.5%;
}
.three-quarters {
    width: 74.5%;
}
.half {
    width: 48%;
}
/* margins  */
.one-third {
    margin: 0 0.5%;
}
.quarter,
.two-thirds {
    margin: 0 0.5%;
}
.left,
.quarter.left,
.one-third.left {
    margin: 0 1% 0 0;
    float: left;
}
.right,
.quarter.right,
.one-third.right {
    margin: 0 0 0 1%;
    float: right;
}
.half.left {
    width: 48%;
    margin: 0 2% 0 0;
}
.half.right {
    width: 48%;
    margin: 0 0 0 2%;
}
.two-thirds.left {
    margin: 0 1% 0 0;
}
.two-thirds.right {
    margin: 0 0 0 1%;
    float: right;
}

/* media queries for larger screens such as small tablets in landscape or large tablets in portrait */
@media screen and ( max-width: 780px ) {
     
    /* only the .quarter layout class is relevant here - all other classes will have full width */
    .quarter {
        width: 48%;
    }
    .quarter.left {
        margin-right: 2%;
    }
    .quarter.right {
        margin-left: 2%;
    }
    footer .third.quarter.widget-area {
        clear: both;
    }
}
 
/* media queries for small screens in landscape mode (or similar) */
@media screen and ( max-width: 600px ) {
     
    /* width sizing all full width in small screens */
    .quarter,
    .one-third,
    .half,
    .two-thirds,
    .three-quarters,
    .full-width {
        width: 100%;
        margin: 0;
    }
    /* padding adjustments */
    .widget-area {
        padding: 0 0 10px 0;
    }
}
    
    @media only screen and (min-width:320px) and (max-width: 480px){
        .menu-footer-menu-container > .menu{top:0px!important; max-height: 161px!important; position: relative!important;}
        .footer-custom {padding: 4px 7% 15px;}
      .wid-30{width: 97%; clear:both;}  
       .box-div p{margin-top:10px!important;}
    }