@media only screen and (min-width:300px) and (max-width:1200px){

    #top-area .container,  
    #header .container,
    #wrapper #content,
    #footer .container,
    #menu{
        padding-left:50px;
        padding-right:50px;
    }

}

@media only screen and (min-width:970px) and (max-width:1200px){
    #header .social li{
        padding-top:0 !important;
        margin-left:1px;
    }
    .span6 .blog-home .date-icon-wrapper{
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }
    .span6 .blog-home .date-icon-wrapper .date{
        float:left;
        width:49%;
    }
    .span6 .blog-home .date-icon-wrapper .post-icon{
        float:right;
        width:49%;
        margin-top:0;
    }

}

@media only screen and (min-width:768px) and (max-width:979px){
    #header .social li{
        padding-top:0 !important;
        margin-left:1px;
    }
    .blog-home .date-icon-wrapper{
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }
    .blog-home .date-icon-wrapper .date{
        float:left;
        width:49%;
    }
    .blog-home .date-icon-wrapper .post-icon{
        float:right;
        width:49%;
        margin-top:0;
    }
    .tab-nav li a{padding:10px;}
    .page-title span{display:none;}
    .tab-widget .tab-header li{width:100%;}
}

@media (max-width:900px){#menu{background:none !important;}
    #menu .container{
        background:none !important;
        border:none !important;
    }
    #menu nav{float:none !important;}
    .res-menu{
        display:block;
        width:90%;
        padding:5px;
        margin:0 auto;
        background-color:#f9f9f9;
        border:1px solid #f2f2f2;
    }
    .blog-home * article:last-child,
    .portfolio.carousel * article:last-child{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }
    .row{
        width:auto;
        max-width:none;
        min-width:none;
        margin:0;
    }
    [class*="span"]{
        width:100%;
        float:none;
        min-height:none;
        padding:0;
        position:relative;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .menu,
    .flexslider .caption,
    .page-title span,
    #menu .menu-contact,
    .top-area-text{display:none;}

    .res-menu{
        margin-top:14px;
        padding:10px;
        width:100%;
    }

    #header{text-align:center;}
    #header .span3{text-align:center;}
    .welcom{margin-top:30px;}
    .welcom h1{font-size:200% !important;}
    .welcom .lead{font-size:100%;}
    .blog-home article{margin-bottom:30px;}
    .blog-home article{margin-bottom:30px;}
    #content-area.alignright{float:none !important;}
    #content-area.alignleft{float:none !important;}
    .copyright-area{text-align:center;}
    .copyright-area ul{display:inline-block;}
    .copyright-area .footer-menu li{margin:0 5px;}
    .copyright-area .social{float:none;margin-top:15px;}
    .portfolio.carousel article{padding-bottom:30px !important;}
    .portfolio-items article[class*='span']{width:50% !important;}
    #filtrable{float:none;margin-top:30px;}
    .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6{float:none;}
    .client [class*="span"]{margin-bottom:-1px;}
}

@media (max-width:400px){
    .portfolio-items article[class*='span']{width:100% !important;}
}

/* added by PixelParlor */

@media (max-width:700px){
	/* fix HP blocks */
	#aq-block-1514-2, #aq-block-1514-3, #aq-block-1514-4, #aq-block-1514-7 {
		clear:both;
		width:100%;
		margin-left:0;
	}
	/* fix Services blocks */
	#aq-block-2250-2, #aq-block-2250-3, #aq-block-2250-4 { 
		clear:both;
		width:100%;
		margin-left:0;
	}
	/* fix contact us */
	#aq-block-1998-2, #aq-block-1998-4 {
		clear:both;
		width:100%;
		margin-left:0;
	}
	
}