/* Dependent Magento Theme Queries */
/* Desktop Only */
@media only screen and (min-width: 771px) {
	.header-top-links .links {

	}
	.header-top-links ul, .header-social-media {
		float: right;
	}
	.header-social-media ul {
		margin-left: 20px;
	}
	.navigation-container {
background: #4a8249;
background: -moz-linear-gradient(top, #4a8249 0%, #386237 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a8249), color-stop(100%,#386237));
background: -webkit-linear-gradient(top, #4a8249 0%,#386237 100%);
background: -o-linear-gradient(top, #4a8249 0%,#386237 100%);
background: -ms-linear-gradient(top, #4a8249 0%,#386237 100%);
background: linear-gradient(to bottom, #4a8249 0%,#386237 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a8249', endColorstr='#386237',GradientType=0 );
	}
	.header-right {
		float: right;
		width: 50%;
	}
	.header-right .header-top-links {
		width: 100%;
	}
	
	.head-left {
		display: block;
		float: left;
		margin: 0;
		width: 61.13%;
	}
	.head-right {
		display: block;
		float: left;
		margin: 0 0 0 1.6%;
		width: 37.26%;
	}
	.head-left .logo {
		margin-top: 8px;
	}
	#header-search {
		margin-top: 15px;
	}
	#search {
		max-width: 316px;
		float: right;
	}
	.searchautocomplete .searchautocomplete-placeholder {
		right: 0;
		max-width: 316px;
	}
}
/* Mobile Only */
@media only screen and (max-width: 770px) {
	.logo {
		float:none;
		width: 100%;
	}
	.header-top-links {
		text-align: center;
	}
	.header-top-links .links {
		display: inline-block;
	}
	.header-social-media ul {
		margin-bottom: 5px;
	}
	.page-header .customer-support {
		display: none;
	}
	#header-search {
		padding: 0 20px;
		margin: 10px 0;
	}
	.head-left {
		padding: 10px 20px;
	}
	.option.packages ul.options-list > li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

/* Non Magento */
 /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		#header-nav .menu-style01 li.level1 > a {
			padding: 18px 9px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		#header-nav .menu-style01 li.level1 > a {
			padding: 18px;
		}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		#header-nav .menu-style01 li.level1 > a {
			padding: 18px 23px;
		}
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
	    #header-nav .menu-style01 li.level1 > a.home {
		    display: none;
	    }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

/* Custom Nav Colors */

@media only screen and (min-width: 771px) {
	body.category-bird .navigation-container {
		background: #a83078;
		background: -moz-linear-gradient(top,  #a83078 1%, #903060 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a83078), color-stop(100%,#903060));
		background: -webkit-linear-gradient(top,  #a83078 1%,#903060 100%);
		background: -o-linear-gradient(top,  #a83078 1%,#903060 100%);
		background: -ms-linear-gradient(top,  #a83078 1%,#903060 100%);
		background: linear-gradient(to bottom,  #a83078 1%,#903060 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83078', endColorstr='#903060',GradientType=0 );

	}
	
	body.category-amphibian .navigation-container {
		background: #30a8f0;
		background: -moz-linear-gradient(top,  #30a8f0 0%, #0090f0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30a8f0), color-stop(100%,#0090f0));
		background: -webkit-linear-gradient(top,  #30a8f0 0%,#0090f0 100%);
		background: -o-linear-gradient(top,  #30a8f0 0%,#0090f0 100%);
		background: -ms-linear-gradient(top,  #30a8f0 0%,#0090f0 100%);
		background: linear-gradient(to bottom,  #30a8f0 0%,#0090f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a8f0', endColorstr='#0090f0',GradientType=0 );
	}
	
	body.category-lizard .navigation-container, body.category-reptile .navigation-container {
		background: #48c018;
		background: -moz-linear-gradient(top,  #48c018 0%, #27a00f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48c018), color-stop(100%,#27a00f));
		background: -webkit-linear-gradient(top,  #48c018 0%,#27a00f 100%);
		background: -o-linear-gradient(top,  #48c018 0%,#27a00f 100%);
		background: -ms-linear-gradient(top,  #48c018 0%,#27a00f 100%);
		background: linear-gradient(to bottom,  #48c018 0%,#27a00f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c018', endColorstr='#27a00f',GradientType=0 );

	}
	
	body.category-snake .navigation-container {
		background: #d84830;
		background: -moz-linear-gradient(top,  #d84830 1%, #b33722 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d84830), color-stop(100%,#b33722));
		background: -webkit-linear-gradient(top,  #d84830 1%,#b33722 100%);
		background: -o-linear-gradient(top,  #d84830 1%,#b33722 100%);
		background: -ms-linear-gradient(top,  #d84830 1%,#b33722 100%);
		background: linear-gradient(to bottom,  #d84830 1%,#b33722 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84830', endColorstr='#b33722',GradientType=0 );

	}
	
	body.category-cat .navigation-container {
		background: #f88509;
		background: -moz-linear-gradient(top,  #f88509 0%, #f44501 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88509), color-stop(100%,#f44501));
		background: -webkit-linear-gradient(top,  #f88509 0%,#f44501 100%);
		background: -o-linear-gradient(top,  #f88509 0%,#f44501 100%);
		background: -ms-linear-gradient(top,  #f88509 0%,#f44501 100%);
		background: linear-gradient(to bottom,  #f88509 0%,#f44501 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88509', endColorstr='#f44501',GradientType=0 );
	}
	
	body.category-small-animal .navigation-container {
		background: #784818;
		background: -moz-linear-gradient(top,  #784818 0%, #603018 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#784818), color-stop(100%,#603018));
		background: -webkit-linear-gradient(top,  #784818 0%,#603018 100%);
		background: -o-linear-gradient(top,  #784818 0%,#603018 100%);
		background: -ms-linear-gradient(top,  #784818 0%,#603018 100%);
		background: linear-gradient(to bottom,  #784818 0%,#603018 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#784818', endColorstr='#603018',GradientType=0 );
	}
	
	
}