@media (min-width: 1200px) {
    
    #menu {display: block;}
    .menu-toggle {display: none;}
    
}

@media (max-width: 1200px){
 
    .wrap {width: 90%;}
    
    .col-55, .col-40, col-35 {width: 44.99999%;}
    .col-65, .col-60, .col-45 {width: 54.99999%;}
    .col-25, .col-20 {width: 49.99999%;}
    
    .desktop_only {display: none;}
    .mobile_only {display: inherit;}
    
    .flex-order-1 {order: 1;}
    .flex-order-2 {order: 2;}
    
    body { margin-top: 120px; }
	
	.menu-toggle {
		display: block;
		z-index: 99999;
	}
	
	#header { 
        position: fixed; 
        top: 0; left: 0; 
        height: 120px;
    }
    
    #header_contact {top: 50px; right: 54px; font-size: 15px; z-index: 9999;}
    
    #header_contact .desktop_only {display: none;}
        #header_contact {font-size: 18px; font-weight: bold;}
        #header_contact i {margin-right: 0px;}
        #header_contact .telephone {display: inline-block;}
        #header_contact .telephone a {font-size: 25px; font-weight: normal; margin-bottom: 0;}
        #header_contact .email {display: inline-block; font-size: 25px; margin-left: 0px;}
    
    #header_contact a {padding: 10px 15px;}
    #header_contact a.toggled-on {color: #fff;}
    
    #logo {left: 0;}
    #logo img {height: 100px;}
	
	#menu {
    display: none;
    position: fixed;
		top: 0;
		right: 0;
        background: #0b1742;
        height: 100%;
        overflow: scroll;
        overflow-x: hidden; 
        max-width: none;
		width: 100%;
		z-index: 999;
	}
		
    #menu ul {
        position: absolute;
        top: 120px;
        right: 0;
        background: #0b1742;
        text-align: center;
        width: auto;
        z-index: 999;
    }
		
		#menu .menu-header ul,
		div.menu ul {
			list-style: none;
			margin: 0;
		}
		#menu .menu-header li,
		div.menu li {
			float: none;
			position: static;
		}
    
        #menu a {
            color: #ccc;
            height: 30px;
            line-height: 30px;
            padding: 0px 20px;
        }
		
		#menu ul li a {
            clear: both; 
            border-top: 1px solid #1c3f95;
            border-bottom: 1px solid #1c3f95;
            padding: 10px 0;
        }
        
            #menu ul li:first-child a {border-top: 2px solid #1c3f95;}
            #menu ul li:last-child a {border-bottom: 2px solid #1c3f95;}
    
            #menu ul ul {
                display: none;
                position: relative;
                top: 0; left: 0;
                float: left;
                background: #1c3f95;
                overflow: hidden;
                padding: 0;
                width: 100%;
            }
    
            #menu ul ul:after {display: none;}
    
                #menu ul ul li {
                    margin: 0%;
                    width: 100%;
                }
    
                #menu ul ul li a {
                    border-bottom: 1px solid #1c3f95;
                    font-size: 13px;
                    line-height: 40px;
                    padding: 0;
                    text-align: center;
                    width: 100%;
                }
    
                    #menu ul ul li:last-child a {border-bottom: none;}
                
                    #menu ul ul li a:hover {}
				
				#menu ul, #menu a {padding: 0; width: 100%;}
				
				#menu ul ul :hover > a,
				#menu ul ul li.current_page_item > a,
				#menu ul ul li.current-menu-ancestor > a,
				#menu ul ul li.current-menu-item > a,
				#menu ul ul li.current-menu-parent > a,
				#menu ul ul li.current-page-parent > a, 
				#menu ul ul li.current-page-ancestor > a,
				#menu ul ul li.current_page_parent > a, 
				#menu ul ul li.current_page_ancestor > a {
					
				}
    
	       
            #menu li.menu-item-has-children a:after {
                font-family: FontAwesome;
                font-size: 10px;
                content: " \f078";
                padding-left: 3px;
            }
                #menu li.menu-item-has-children	.sub-menu a:after {content: "";}
            
		
    
    
 
}

@media (max-width: 1024px){
 
    .gallery-columns-6 .gallery-item, 
    .gallery-columns-5 .gallery-item {width: 24%;}
    
}

@media (max-width: 768px){
    
    .col-60,
    .col-30 {width: 45%;}
 
    .gallery-columns-6 .gallery-item, 
    .gallery-columns-5 .gallery-item, 
    .gallery-columns-4 .gallery-item {width: 32%;}
    
    
    
    body {margin-top: 80px;}
    #header {height: 80px;}
    #logo {left: 20px;}
    #logo img {height: 60px;} 
    #header_contact {top: 30px; right: 65px;}
    .menu-toggle {top: 18px; right: 10px;}
    #menu ul {top: 80px;}
    
    
    .button {
        padding: 5% 10%;
		width: auto;
	}
	
    /*
	table {
		text-align: left;
		margin: 0 auto;
	}	
	
	th, td, tr { 
		display: block; 
		margin: 0 auto;
	}	
	
		td { 
			margin-bottom: 0px;
			min-width: 220px;
		}
    
    */
		
	input[type="text"], input[type="email"], input[type="tel"], textarea {width: 100%;}
 
}


@media (max-width: 640px){
    
    .col-60,
    .col-30 {width: 99.9999%;}
 
    .gallery-columns-6 .gallery-item, 
    .gallery-columns-5 .gallery-item, 
    .gallery-columns-4 .gallery-item, 
    .gallery-columns-3 .gallery-item {width: 49%;}
    
    .margin-4 {margin: 4%;}
    .margin-4-0 {margin: 4% 0;}

    .padding-2 {padding: 2%;}
    .padding-2-0 {padding: 2% 0;}
    .padding-3 {padding: 10%;}
    .padding-3-0 {padding: 10% 0;}
    .padding-4 {padding: 10%;}
    .padding-4-0 {padding: 10% 0;}
    .padding-6 {padding: 6%;}
    .padding-6-0 {padding: 6% 0;}
    .padding-8 {padding: 8%;}
    .padding-8-0 {padding: 8% 0;}
    .padding-10 {padding: 10%;}
    .padding-10-0 {padding: 10% 0;}
    .padding-15 {padding: 10%;}
    .padding-15-0 {padding: 10% 0;}
    .padding-20 {padding: 10%;}
    .padding-20-0 {padding: 10% 0;} 
    
    #header {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
    }
    
    #banner {height: 100px;}
    #banner_content h1 {font-size: 1.3em; line-height: 2em; margin: 0;}
    
    .button.facebook {width: 88% !important;}
    
}