/* ==============================
   Small Desktop
   ============================== */
@media only screen and (max-width: 1200px) {
	
    .inner-nav ul > li > a {
        padding-left: 12px;
		padding-right: 12px;        
    }
	.contact-text{
		padding: 0 30px;
	}
	
	.home-image-slider .home-description {
        font-size: 1.27em !important;
    }
	
}



/* ==============================
   Tablet Landskape
   ============================== */

@media only screen and (max-width: 1024px) {
	
    .home-image-slider .headings {
        font-size: 3.45em !important;
    }
    .home-image-slider .home-description {
        font-size: 1.2em !important;
    }

}
  
@media only screen and (max-width: 1023px) {
  	
    .banner-text {
        text-align: center;
    } 
	.banner-button {
		margin: 10px 0 20px 0;
        text-align: center;
    }
	
	.home-image-slider .headings {
        font-size: 2.85em !important;
    }
	
	.home-image-slider .headings{
	font-size: 1.2em !important;
	}
	.nav-social-links a .line {
	width: 26px;
	height: 26px;
	display: block;
	line-height: 26px;
	position: relative;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	
	background: url(../images/line.png) #eee;
	background-repeat:no-repeat;
	background-position: 7px 6px;
	color: #151515;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	.nav-social-links a .line:after {
	content: " ";
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid transparent;
	
	background: url(../images/line.png) #eee;
	background-repeat:no-repeat;
	background-position: 7px 6px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 170ms cubic-bezier(0.805, 0.075, 0.315, 1.410); 
	-webkit-transition: all 170ms cubic-bezier(0.805, 0.075, 0.315, 1.410); 
   	-moz-transition: all 170ms cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     -o-transition: all 170ms cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     transition: all 170ms cubic-bezier(0.805, 0.075, 0.315, 1.410);
	}
	.nav-social-links a:hover .line {
		background: #fff;
	}
	.nav-social-links a:hover .line:after {
	border-color: #333;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, .45);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0, .45);
	box-shadow: 0px 0px 2px rgba(0,0,0, .45);
	}
	
}
  
/* ==============================
   Tablet Portrait
   ============================== */
  
@media only screen and (max-width: 768px) {
  	.page-section {
        padding: 0px 0;
    }
    .margin-bot{
        margin-bottom: 40px;
    }
	.section-heading,
	.banner-heading{
		margin-bottom: 40px;
	}
	.section-text{
		margin-bottom: 40px;
	}
	
	.phone{
		margin-bottom: 40px;
	}
	
    #map-canvas {
        height: 300px;
    }
	
	.tc-author, .client-review {
		margin: 0 10% 20px 10%;
	}
	section#message .section-title,
	section#history .section-title,
	section#shop .section-title {
		margin:50px 0 0 0;
	}
	section#message .section-heading {
		font-size:1.1em !important;
		width:90%;
		margin: 55px 5% -30px 5%;
		padding:0px 0;
		text-shadow: 0 0 5px #ccc;
		text-align:center;
	}
	.message-text {
		width:90%;
		margin: 0 5% 0 5%;
		font-size:8px;
		text-shadow: 0 0 8px #666;
		margin-top:80px;
		color:#000;
		padding-bottom:10px;
		line-height:14px;
		text-align:justify;
	}
	.sakuta {
		margin: 0px 0 0 0px;
	}
	.sakutaya-logo {
	width:100px !important;
	}
	.home-image-slider .headings{
	font-size: 1.2em !important;
	}

}
@media only screen and (max-width: 767px) {
	
	.benefit-item{
		width: 230px;
		padding: 0;
	}
	
	.contact-block{
		margin-top: 30px;
	}
	.contact-block:first-child{
		margin-top: 0;
	}
    .sidebar {
        margin-top: 50px;
    }
	.home-image-slider .headings{
	font-size: 1.1em !important;
	}
	section#shop.page-section.small-section {
	margin:0px 0 0px 0 !important;
	}
}



/* ==============================
   Phone
   ============================== */
  
@media only screen and (max-width: 480px) {
	
	.image-bg,
	.image-color-bg{
		background-attachment: scroll;
	}
    .work-container {
        padding: 30px 0;
    }
	.margin-bot{
        margin-bottom: 30px;
    }
	.section-heading,
	.banner-heading{
		margin-bottom: 30px;
		font-size: 20px;
	}
	.count-number{
		font-size: 40px;
	}
    .count-icon:before, .count-icon:after {
        width: 32px;
    } 
	.count-icon:before {
        left: -42px;
    } 
	.count-icon:after {
        right: -42px;
    }
	
    .client-item img {
        width: 100%;
    }
	
	.tc-icon{
		margin-bottom: 15px;
	}
	.tc-author{
		margin-top: 15px;
	}
    .tc-arrows {
        margin-top: 20px;
    }
	
	.phone{
		margin-bottom: 30px;
		padding: 50px 20px;
	}
	
	.contact-text{
		padding: 0;
	}
	
	#map-canvas {
        height: 200px;
    }
	
    .contact-form-wrap {
        padding: 0 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
	
	.home-image-slider .headings {
        font-size: 1.85em !important;
    }
	.home-image-slider .home-description {
        font-size: 1.1em !important;
    }
	.separ-space{
		display: block;
		height: 10px;
	}
	.home-image-slider .headings{
	font-size: 1.1em !important;
	}
	.btn-spacia.btn-large{
  	padding: 14px 30px;
	font-size: 12px;
	} 
}


/* ==============================
   Small Phone
   ============================== */
  
@media only screen and (max-width: 319px) {
	
  	.nav-social-links{
  		display: none;
  	}
}