/* ==========================================================================
CSS Queries
========================================================================== */
@media (max-width: 1200px) {
 }
 
 @media (max-width: 1024px) { 
	.home-container	{padding-left: 0px;}
	.inner-container {padding-left: 0px;}
	.banner{
        width: 100%;
        position: relative;
        padding-left: 0;
    }
	 header{
        display: block;
        width: 100%;
        min-height: 100px;
        padding: 0;
        position: relative;
		overflow:visible;
    }
    header .logo{
        margin: 15px 0 15px 15px;
        float: left;
    }
    header .footer{
        display: none;
    }
    header #menu_icon,
    header .close_menu{
        float: right;
        margin: 30px 30px 0 0;
    }
    
    header nav{
        width: 100%;
        position: absolute;
        top: 75px;
        left: 0;
        z-index: 9999;
    }

    header nav ul{
        list-style: none;
        display: none;
        position: relative;
    }
    header nav ul li a{
        display: block;
        width: 100%;
        padding: 30px 0;
        text-align: center;
        color: #454545;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-top: 1px solid #f7f5f5;
        background: #fff;
    }
    header nav ul li a:active{
        background: #f7f5f5;
    }
	header nav ul li {
    display: block;
    margin-bottom: 0px;
	}
    #menu_icon,
    .close_menu,
    .show_menu{
        display: block;
    }
    .show_menu{
        display: block;
    }

    .main .work{
        width: 50%;
    }
    .main{
        width: 100%;
        position: relative;
        padding-left: 0;
    }
    #map{
        margin: 0!important;
    }
	.activities-wrapper { overflow:inherit;}
	.activities-outer { display: block;}
 }
 
 @media (max-width: 991px) {
	.home-container	{padding-left: 0px;}
	.inner-container {padding-left: 0px;}
  
 }
 
 @media (max-width: 800px) {
	.home-container	{padding-left: 0px;}
	 
 }
 
 @media (max-width: 768px) {
	.home-container	{padding-left: 0px;}

		
 }
 
 @media (max-width: 767px) {
	.home-container	{padding-left: 0px;} 
 }
 
 @media (max-width: 640px) {	 
	.home-container	{padding-left: 0px;}
	.inner-container {padding-left: 0px;}
	 }
 
 @media (max-width: 480px) {
	.home-container	{padding-left: 0px;}
	.inner-container {padding-left: 0px;} 
	.banner{
        width: 100%;
        position: relative;
        padding-left: 0;
    }
	
 }
 
 @media (max-width: 320px) {
	.home-container	{padding-left: 0px;}
	.inner-container {padding-left: 0px;} 
	
 }