/*
Copyright (c) 2014 Himanshu Softtech.
------------------------------------------------------------------
[Master Stylesheet]

Project:	Coolthing HTML Template
Version:	1.0.0
Assigned to:	Themeforest
-------------------------------------------------------------------*/

/* Large desktop */
@media (max-width: 1200px) {
.footer .widget.widget_recent_portfolio ul li {
	width: 86px;
	height: 86px;
	line-height: 86px;
}
.footer .widget.widget_recent_portfolio ul li img {
	width: 86px;
	height: 86px;
}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.coolthing_nav_wrapper > ul > li > a {
	padding: 40px 0px 17px 0px !important;
}
.fixed_menu .coolthing_nav_wrapper > ul > li > a {
	padding: 20px 0px 17px 0px !important;
}
.coolthing_logo {
	line-height: 64px;
}
.coolthing_nav_wrapper > ul > li > ul, .coolthing_nav_wrapper > ul > li > ul.sub-menu {
	min-width: 180px;
	margin-top: -10px;
}
.coolthing_nav_wrapper > ul > li > ul > li > a, .coolthing_nav_wrapper > ul > li > ul.sub-menu > li > a {
	padding: 8px 10px;
}
.coolthing_nav_wrapper > ul > li > ul > li > ul, .coolthing_nav_wrapper > ul > li > ul.sub-menu > li > ul.sub-menu {
	min-width: 180px;
}
.coolthing_nav_wrapper > ul > li > ul > li > ul > li > a, .coolthing_nav_wrapper > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
	padding: 8px 10px;
}
.coolthing_nav_wrapper > ul > li > .mega-menu-wrapper {
	min-width: 680px;
	margin-top: -10px;
}
.mega-menu-wrapper ul li a {
	padding: 8px 10px;
	font-size: 12px;
}
.mega-menu-wrapper h2 {
	font-size: 24px;
}
.mega-menu-wrapper p {
	line-height: 20px;
}
.page_title_wrapper .container:after {
	background-size: 100% 35px;
}
.page_title_wrapper .container:after{
	width: 65% !important;
	height: 30px !important;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.boxed #wrapper {
	width: 100%;
	float: left;
}
.isotope .portfolio_item1{
	width:auto;
	margin-left:20px;
	}
.portfolio_item{
	width:auto;
	}	
.slider_purchase_now {
	padding: 10px 15px;
	padding-top: 0;
	line-height: 15px !important;
	font-size: 25px !important;
}
.coolthing_logo {
	float: left;
}
.fixed_menu {
	position: relative;
	top: 0;
}
.fixed_menu .coolthing_logo {
	line-height: 64px;
}
/*responsive menu start*/ 
.coolthing_nav_wrapper{
	overflow:hidden;	
}
.coolthing_nav_wrapper > ul {
	width: 100%;
	float: left;
}
.coolthing_nav_wrapper > ul > li {
	width: 100%;
	float: left;
	margin: 0px;
}
.coolthing_nav_wrapper > ul > li > a:after {
	display: none;
}
.coolthing_nav_wrapper > ul > li > a {
	padding: 10px !important;
}
.coolthing_nav_wrapper > ul > li.active > a {
	border-bottom: none;
	background-color: #f5f5f5;
}
.coolthing_nav_wrapper > ul > li > ul, .coolthing_nav_wrapper > ul > li > ul.sub-menu {
	position: relative !important;
	width: 90%;
	float: left;
	margin: 0px;
}
.coolthing_nav_wrapper > ul > li > ul > li > ul, .coolthing_nav_wrapper > ul > li > ul.sub-menu > li > ul.sub-menu {
	position: relative !important;
	width: 90%;
	float: left;
	margin: 0px;
	left: 45px !important;
}
.coolthing_nav_wrapper > ul > li > ul > li > ul > li > ul, .coolthing_nav_wrapper > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
	position: relative !important;
	width: 90%;
	float: left;
	margin: 0px;
	left: 45px !important;
}
.coolthing_nav_wrapper > ul > li > .mega-menu-wrapper {
	position: relative !important;
	width: 100%;
	float: left;
	margin: 0px;
	left: 0px;
	min-width: inherit !important;
	padding: 10px 0px;
}
.mega-menu-wrapper ul {
	width: 100%;
	float: left;
}
.coolthing_heading {
	margin-bottom: 0px;
}
.quality_style_wrapper {
	min-height: 300px;
}
.quality_style_images img {
	max-width: 60%;
}
.quality_style_images img.image1 {
	margin-left: -235px !important;
	top: 33% !important;
	max-width: 70%;
}
.quality_style_images img.image2 {
	margin-left: -195px !important;
	max-width: 65%;
}
.quality_style_images img.image3 {
	margin-left: -240px !important;
	max-width: 65%;
}
.page_title_wrapper .container:after {
	background-size: 130% 40px;
}
.footer .widget.widget_recent_portfolio ul li {
	float: left !important;
	display: inline-block;
}
.products:hover .product-image .product-image-overlay{
	-webkit-animation: fadeIn 0.8s !important;
	-moz-animation: fadeIn 0.8s !important;
	-ms-animation: fadeIn 0.8s !important;
	-o-animation: fadeIn 0.8s !important;
	animation: fadeIn 0.8s !important;
}
.slider_purchase_now {
  padding: 5px 10px !important;
  font-size: 10px !important;
}
.pricing_table.pricing_active{
	position:relative !important;
	margin-bottom: 50px !important; 	
	margin-top: 30px;
}
.pricing_table{
	margin-bottom: 30px !important;	
}
.page_title_wrapper .container:after{
	width: 85% !important;
	height: 34px !important;
}

.isotope .portfolio_item1{
	width: 43% !important;
}
.isotope .portfolio_item1.width2 {
  width: 90% !important;
}
.portfolio_item{
	width: 50% !important;
	padding: 15px !important;
}
.portfolio_item.width2 {
  width: 100% !important;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.coolthing_slider_wrapper.bottom_shadow:after {
	display: none;
}
.slider_purchase_now {
	padding: 5px 15px;
	padding-top: 0;
	line-height: 15px !important;
	font-size: 20px !important;
}
.coolthing_slider_wrapper.duct_tape:before {
	display: none;
}
.blog_post_medium_image .post_meta span.comment {
	width: 100%;
	float: left;
}
.comment-list li .comment-reply-link {
	bottom: 5px;
	top: auto;
}
.comment-list ul {
	padding-left: 10px;
	border-left: 5px solid #E7EAEC;
}
.woocommerce_sorting_wrapper .product_show {
	float: none;
}
.woocommerce_sorting_wrapper .woocommerce_sorting {
	float: none;
}
.partner_slider .owl-stage-outer {
	margin: 0px;
}
.quality_style_images img {
  position: relative !important;
  margin: 0 auto !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}
.quality_style_images img.image1{
	margin-left:0 !important;	
}
.quality_style_images img.image2{
	margin-left:0 !important;	
}
.quality_style_images img.image3{
	margin-left:0 !important;	
}
.coolthing_slider_wrapper{
	margin-bottom:0 !important;
}
.coolthing_service_wrapper{
	padding: 35px 0px !important;
}
.slider_purchase_now {
  padding: 5px 10px !important;
  font-size: 8px !important;
}
.page_title_wrapper .container:after{
	width: 85% !important;
	height: 25px !important;
}
.pricing_table.pricing_active{
	position:relative !important;
	margin-bottom: 50px !important; 	
	margin-top: 30px;
}
.pricing_table{
	margin-bottom: 30px !important;	
}

.isotope .portfolio_item1{
	width: 90% !important;
}
.isotope .portfolio_item1.width2 {
  width: 90% !important;
}

.portfolio_item{
  width: 100% !important;
  padding: 15px !important;
}

}