/* ==========================================================================
    Media Queries
   ========================================================================== */
    
/* Tablet Landscape */
@media only screen and (max-width: 1210px) {
    .clearfix:before,.clearfix:after{content:" ";display:table;}
    .clearfix:after{clear:both;}
    .clearfix{*zoom:1;}
     
    .center{
        width: 960px;
    }
    .showcase .search form .select2-container{
	    min-width: 155px;
    }
    .featured_posts .slider .slide .floating{
	    left: 2%;
	    top: 2%;
    }
    .showcase .filters{
	    bottom: -48px;
    }
    .showcase .filters strong{
	    color: #000;
    }
    .showcase .filters a{
	    margin-bottom: 3px;
    }
    .category_list{
	    padding-top: 120px;
    }
}
/* Tablet Portrait */
@media only screen and (max-width: 970px) {
     
    .center{
        width: 728px;
    }
    .showcase .search h1{
	    font-size: 35px;
    }
    .showcase .search form .select2-container {
		margin-bottom: 10px;
		min-width: 26%;
	}
	.main_navigation.col.col12,
	header .bottom_header .col.col8{
		width: 50%;
	}
	header .bottom_header .main_navigation ul li{
		margin-right: 25px;
	}
	.featured_posts .thumbs .slide p{
		display: none;
	}
	.featured_posts .thumbs .slide{
		min-height: 50px;
	}
	.featured_posts .slider .slick-arrow,
	.featured_posts .slider .slick-arrow:before{
		height: 50px;
		line-height: 50px;
	}
	.home_bottom_content .one_third,
	.home_bottom_content .two_third{
		display: block;
		width: 100% !important;
	}
	.home_bottom_content .col.border_right{
		padding-right: 10px;
	}
	.home_bottom_content .col.border_right:after{
		display: none;
	}
	footer .col.col17,
	footer .col.col3{
		width: 100%;
		text-align: center;
	}
	footer ul li{
		display: inline-block;
		float: none;
	}
	.videos iframe{
		height: 200px;
	}
	.blog .col.one_third{
		width: 50%;
	}
	.category_list .col.one_third{
		width: 50%;
	}
	.product_carousel .carousel{
		padding: 0;
	}
	.product_description .dataTables_wrapper tbody tr:not(.child) td:first-child{
		position: relative;
	}
	.product_description .dataTables_wrapper tbody tr:not(.child) td:first-child:before{
		content: '\f175';
		position: absolute;
		font-family: 'FontAwesome';
		left: 5px;
		top: 0;
		height: 60px;
		line-height: 60px;
	}
	.store_filters{
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
	}
	.store_filters form .select2-container{
		width: 45% !important;
	}
	.store_filters form li{
		display: block;
		float: left;
		margin: 0 2% 0 0;
		width: 48%;
	}
	.store_filters form li span.selection,
	.store_filters form li span.select2{
		display: block !important;
		width: 100% !important;
	}
	.blog .blog_wrapper .col.one_third:nth-child(3n+1){
		clear: none;
	}
	.blog .blog_wrapper .col.one_third:nth-child(2n+1){
		clear: both;
	}
}
/* Mobile Landscape */
@media only screen and (max-width: 730px) {
     
    .center{
        width: 100%!important;
    }
    header .links{
	    display: none;
    }
    .logo_wrapper.col.col5{
	    width: 100%;
	    text-align: center;
    }
    .mobile-trigger.col.col12{
	    display: block;
	    width: 20%;
    }
	header .bottom_header .col.col8{
		width: 80%;    
    }
    .main_navigation{
	    display: none !important;
    }
    header .bottom_header .btn{
	    font-size: 12px;
	    min-width: auto;
    }
    .find h2{
	    font-size: 28px;
    }
    .find form .select2-container{
	    margin-bottom: 10px;
    }
    .featured_posts .slider .slide .floating{
	    display: none;
    }
    .featured_posts .thumbs .slide{
	    min-height: 20px;
    }
    .featured_posts .slider .slick-arrow, 
    .featured_posts .slider .slick-arrow:before{
	    display: block;
		float: none;
		font-size: 30px;
		height: 20px;
		line-height: 17px;
		min-height: 20px;
		text-align: center;
    }
    .featured_posts .thumbs .slide h6{
	    height: 20px;
	    line-height: 20px;
	    margin: 0;
	    
    }
    .spotlight{
	    min-height: 180px;
    }
    .videos .col.col10{
	    width: 100%;
    }
    .find{
		background-size: cover;
		background-position: center center;
		background-attachment: inherit;
		background-repeat: no-repeat;
	}
	.blog article .article_body{
		padding: 15px 15px 0;
		overflow: hidden;
	}
	.contact .col.col6,
	.contact .col.col14{
		width: 100%;
	}
	.category_list .product ul {
		background: rgba(255, 255, 255, 0.7);
		z-index: 100;
		position: relative;
	}
	.showcase .filters{
		bottom: auto;
		top: 100%;
		text-align: center;
	}
	.category_list{
		padding-top: 160px;
	}
	.showcase .filters strong{
		color: #000;
	}
	.showcase .filters strong,
	.showcase .filters span.current,
	.showcase .filters a{
		display: inline-block;
		float: none;
		margin-bottom: 4px;
	}
	.tirepedia_sinlge .col.col6,
	.tirepedia_sinlge .col.col14{
		width: 100%;
	}
	.tirepedia .tirepedia_wrapper article,
	.tirepedia .tirepedia_wrapper article:nth-child(2n+1),
	.tirepedia .tirepedia_wrapper article:nth-child(2n+2){
		width: 100%;
		padding: 0;
		border: none;
	}
	.page-template-page-contact .col.col6{
		width: 100%;
		margin-bottom: 40px;
	}
	.page-template-page-contact .col.col14{
		width: 100%;
	}
	.tirepedia .tirepedia_wrapper article, 
	.post-type-archive-tirepedia .tirepedia_wrapper article{
		width: 100%;
		padding: 0 0 40px 0 !important;
		margin: 0 !important;
		border: none !important;
	}
	
}
/* Mobile Portrait */
@media only screen and (max-width: 430px) {
    
    .mobile-trigger.col.col12{
	    display: block;
	    width: 17%;
    }
    .mobile-trigger.col.col12 a{
	   font-size: 35px; 
    }
    .mobile-trigger.col.col12 span{
	    display: none;
    }
    header .bottom_header .col.col8{
	    width: 83%;
    }
    header .bottom_header .btn {
		font-size: 12px;
		margin-left: 1px;
		min-width: auto;
		padding: 0 8px;
	}
	.showcase .search form .select2-container{
		min-width: 180px;
	}
	.showcase .search h1{
		font-size: 26px;
	}
	.catalogues .catalogue{
		width: 100%;
	}
	.catalogues .catalogue:first-child,
	.catalogues .catalogue:last-child{
		padding: 0;
	}
	.blog .col.one_third{
		width: 100%;
	}
	.blog article .article_body{
		padding: 25px 30px 0;
		overflow: hidden;
	}
	form .half{
		width: 100%;
		margin: 0 !important;
	}
	.category_list .col.one_third{
		width: 100%;
	}
	.category_list{
		padding-top: 160px;
	}
	.showcase .search form li{
		width: 80%;
	}
	.showcase .search form li span,
	.find form li span,
	.store_filters form li span{
		display: block;
		width: 100%;
	}
	.store_filters form li{
		float: none;
		margin: 0;
		width: 100%;
	}
	.showcase .search form li span.selection, 
	.showcase .search form li span.select2,
	.find form li span.selection,
	.find form li span.select2,
	.store_filters form li span.selection,
	.store_filters form li span.select2{
		display: block !important;
		width: 100% !important;
	}
	.showcase .search form input[type="submit"]{
		float: none;
	}
	.showcase .filters a,
	.showcase .filters span.current{
		padding: 0;
		font-size: 10px;
		width: 48%;
	}
	.category_list{
		padding-top: 260px;
	}
	.showcase .filters span.current:before{
		top: 0;
	}
	.select2-results__option{
		height: 40px !important;
		line-height: 40px !important;
	}
}
//Rafaela
.d-flex{
	display:flex !important;
	 margin-top: 10px;
}
.mobile_navigation{
	position: fixed !important;
    top: 108px;
	z-index:0;
	transform: translateX(-100%);
	transition: transform .9s ease-in-out;
	background:#000;
	height: 100%;
    width: 80%;
}

.mobile_navigation li {
	padding: 10px 10px 10px 20px;
	border-bottom:rgba(255,255,255,.3);	
}
.mobile_navigation li a{
	color:rgba(255,255,255,.3);
	text-decoration: none;
}
@media all and (min-width:782px){
	.mobile_navigation{
		display:none;
	}
}