/*
Theme Name: Mr. Tailor Child Theme
Theme URI: http://mrtailor.getbowtied.com/
Description: This is a child theme for Mr. Tailor.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: mrtailor
Version: 1.0
*/

@import url("../mrtailor/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

#right-chat {
    background: url("http://www.filmstarlook.com/wp-content/uploads/2015/05/live-chat-2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    bottom: 0;
    height: 79px;
    position: fixed;
    right: 0;
    width: 292px;
    z-index: 100;
}

#right-chat:hover {
    background: url("http://www.filmstarlook.com/wp-content/uploads/2015/05/live-chat-1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

@media screen and (max-width:500px){
#right-chat{width:145px;height:43px;background-size:160px;}
#right-chat:hover{width:145px;height:43px;background-size:160px;}
.site-header {
    padding: 5px 0 !important;
}
.site-branding {float:left;margin:8px 0 0;padding:0;}
.site-branding a {margin:0;padding:0;}
.site-branding a img {
    margin: 0;
    padding: 0;
    width: 110px !important;
    height: auto !important;
}
.site-tools {
    text-align: center;
    margin: 0;
    float: right;
}
.top-headers-wrapper{border-bottom:1px solid #eee;}
.site-search.open input[type=text], .site-search.open input[type=search] {
    z-index: 10000;
    position: relative;
}
.single-product .large-6 .single_variation_wrap {
    width: 100%;
    text-align: center;
}
.single-product .large-6 .single_variation_wrap .variations_button .quantity {
    margin: 0 auto !important;
    float: none !important;
    width: 60px;
}
}
@media screen and (max-width:320px){
	.site-header-wrapper {
		position: relative;
		text-align: center;
	}
	.site-branding {
		float: none;
		margin: 8px 0 10px;
		padding: 0;
	}
}

@media screen and (max-width:321px){
	.site-header-wrapper {
		position: relative;
		text-align: center;
	}
	.site-branding {
		float: none;
		margin: 8px 0 10px;
		padding: 0;
	}
}

@media screen and (max-width:480px){
	.site-header-wrapper {
		position: relative;
		text-align: center;
	}
	.site-branding {
		float: none;
		margin: 8px 0 10px;
		padding: 0;
	}
}