@media screen and (max-width: 1240px) {
	
	.wrap, #content, .content, .post {width: auto;}
    
    .col-form {padding: 0 30px;}
    
    .gallery-columns-6 .gallery-item, 
    .gallery-columns-5 .gallery-item {width: 24%;}
    
}


@media screen and (max-width: 1000px) {
    .col-55, .col-40 {width: 44.99999%;}
    .col-60, .col-45 {width: 54.99999%;}
    .col-25, .col-4 {width: 49.99999%;}
}


@media screen and (max-width: 750px) {
    .flex-order-1 {order: 1;}
    .flex-order-2 {order: 2;}
    
    .col-60, .col-55, .col-50, .col-48, .col-45, .col-40, .col-33, .col-3, .col-2 {width: 99.99999%;}
    .col-6 {width: 24.99999%;}
    
    .col-1, .col-1 .col-content {padding: 20px 5px;}
    
    .gallery-columns-6 .gallery-item, 
    .gallery-columns-5 .gallery-item, 
    .gallery-columns-4 .gallery-item {width: 32%;}
    
    .form .row .wrap .col-50 {padding: 0;}
}


@media screen and (max-width: 960px) {
    
    .desktop_only {display: none;}
    
    .col-25, .col-4 {width: 99.99999%;}
    .col-6 {width: 49.99999%;}
    
    .col-form {padding: 0 10px;}

	body { margin-top: 75px; }
	
	.wrap, .content {max-width: none; width: auto;}
	
	.menu-toggle {
		display: block;
		z-index: 99999;
	}
	
	#header { 
        position: fixed; 
        top: 0; left: 0; 
        -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);
        height: 75px; 
    }
    
    #header_contact {top: 24px; right: 60px; font-size: 15px;}
    
    #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; font-size: 20px; margin-bottom: 0;}
        #header_contact .email {display: inline-block; font-size: 20px; margin-left: 20px;}
	
	#logo {top: 15px; left: 10px;}
	#logo img { height: 45px; }
	
	#banner { margin-top: 70px;} 
    
    #banner_home {height: 300px;}
    #banner_home .wrap {height: auto;}
    #scissors_overlay {max-width: 30%;}
	
    /*
	.content img {
		clear: both;
		margin-left: auto;
		margin-right: auto;
        max-width: 100% !important;
        width: auto !important;
	}
    */
	
	#menu {
		display: none;
		position: fixed;
		top: 62px;
        right: 0;
        z-index: 9999;
	}
		#menu .wrap {clear: none; margin:0; padding:0; width:auto;}
		
		#menu ul{
			background: #000;
			display: block;
			margin: 0;
			padding: 0;
			width: auto;
			z-index: 99999;
		}
		
		#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: #fff; display: block; font-size: 14px; line-height: 30px; height: 30px; margin: 0px; padding: 15px 20px;}
		
		#menu ul li a {clear: both; border-bottom: 1px solid #333; text-align: left;}
		
			#menu ul ul {
				background: #000;
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				display: block; 
				position: static;
			}
				#menu ul ul a {
					border-bottom: 1px solid #333;
                    border-top: none;
					font-size: 12px;
                    width: 180px;
					padding: 10px 0px 10px 20px;
				}
				
				#menu ul, #menu a {width: 200px}
				
				
		#menu li:hover > a {
			background: #ed217c;
			color: #fff;
			text-decoration: none;
            transition: 0.2s;
		}
		
		#menu  ul li.current_page_item > a,
		#menu  ul li.current-menu-ancestor > a,
		#menu  ul li.current-menu-item > a,
		#menu  ul li.current-menu-parent > a,
		#menu  ul li.current-page-parent > a, 
		#menu  ul li.current-page-ancestor > a,
		#menu  ul li.current_page_parent > a, 
		#menu  ul li.current_page_ancestor > a {
			color: #fff;
		}
		
		
		#menu .get_in_touch a {
			border: none;
			margin: 0px; 
			padding: 15px 20px; 
		}
		
			#menu .get_in_touch a:hover {
				background: #444;
				color: #fff;
			}
		
	.sidebar {float: left; padding-top: 0; width: 100%;}
		
	.sidebar, .sidebar p, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar img, .text_right {
		text-align: left !important;
	}
				
	.button {
        padding-left: 0 !important;
        padding-right: 0 !important;
		width: 100% !important;
	}
	
	table {
		text-align: left;
		margin: 5px auto;
	}	
	
	th, td, tr { 
		display: block; 
		margin: 0 auto;
	}	
    
        tr {margin-bottom: 15px;}
	
		td { 
			margin-bottom: 0px;
			min-width: 220px;
		}
		
		.table_3_column td {width: auto; padding: 0;}
		
	input[type="text"], input[type="email"], input[type="tel"], textarea {width: 100%;}
		
		
}

@media screen and (max-width: 500px) {
    
    .gallery-columns-6 .gallery-item, 
    .gallery-columns-5 .gallery-item, 
    .gallery-columns-4 .gallery-item, 
    .gallery-columns-3 .gallery-item {width: 49%;}
    
    .col-content {padding: 50px 0px;}
    
    #banner_home {height: 250px;}
    #scissors_overlay {max-width: 45%;}

    .basic_call_to_action {font-size: 18px; padding: 30px 20px;}
    
    #call_to_action {
        clear: both;
        background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/133245800.jpg') no-repeat center center #333; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff; 
        font-size: 18px;
        line-height: 25px;
        padding: 100px 0px 80px 0px;
        text-align: center;
    }
    
    #dog_footer {height: 100px;}
    
    
}


@media screen and (max-width: 380px) {
    
    #logo {top: 20px;}
	#logo img { height: 35px; }
    
}