/*  ==============================================
	CSS for Mobile
============================================== */

@media (min-width: 768px) and (max-width: 1002px) {
	
	/*.header .container .span12{width:704px;}
	.header .logo{margin-left:20px;}*/
	.container, .header .container .span12, .features .span12, .our_clients  .span12, .span7{
		width: 724px;
	}
	.header .container .span12{margin-left:20px;}
	ul.nav {
		width:280px;
		padding-right:210px;
	}
	ul.nav li {font-size: 15px;}
	ul.nav li a{padding:0px 7px;}
	a.phone_btn
	{
		width:175px; 
		height:49px;
		line-height:49px;
		font-size:24px;
		background:url(../images/locksmith_btn_01_mobile.png) top left no-repeat;
		padding:0px;
		padding-left:25px;
	}

	.teaser .container {padding: 0px; background-position:right bottom; min-height:730px;}
	.special_offer_holder{top:355px;}
	.special_offer_holder .the_number{color:#072a51;}

	.services .lists{padding-left:25px;}
	.services .lists ul{padding-left:25px; margin-top:-10px; float:left !important;}
	
	.emergency ul li{font-size:15px;}
	
	.about p{font-size:14px;}
	
	.row, .intro .row{ margin-left:-20px;}

	.teaser .offset5{width:704px; margin-left:0px; float:none;}
	
	.span6{width:340px; padding-left:0px;}	
	.offset1{margin-left: 15px;}

	.teaser .text-container {
		height: 242px;
	}
	
	.header .container .span12{margin-left:0px;}
	
	.row, .intro .row{ margin-left:0px;}
	.our_clients .row{margin-left:0px !important;}
	
	.about-columns-holder{padding-top:10px; padding-bottom:0px;}
	.contact .container .header_title{background:url(../images/head_title_w460.png) top left no-repeat; height:44px; line-height:44px; padding-left:50px; font-size:25px;}
	.locksmith-image
	{
		right:100px;
		top:-271px;
		width:340px;
		height:351px;
	}
	.contact-form{padding:30px 0px 10px; width:55%;}
	.input-holder{width:100%;}
	.input-holder .input{}
	span.wpcf7-not-valid-tip {left:25px !important;}
	.speacial-offer-holder{right:30px; top:50px;}	
	
	.left-side{width:400px; margin-left:0px;}
	.left-side .list .list-item .list-item-title{background-position:-125px;}
}
@media(min-width: 768px){	
	ul.nav{display:block !important;}
	.mobile-nav{display:none !important;}
}
@media(max-width: 767px){
	.teaser, .teaser .container{min-height:480px;}
	.teaser .phone_number_bellow_title{display:block;}
	.teaser .container .text{padding-top:5px;}
	a.phone_btn{display:none !important;}
}
@media(min-width: 480px) and (max-width: 767px) {

	.container, .header .container .span12 {
		width: 460px;
	}
	
	.teaser .container{padding: 0px; background:none;}
	/*.special_offer_holder{display:none;}*/
	
	.special_offer_holder{top:355px; left:120px; color:#ffffff !important;}
	.special_offer_holder .the_number{margin-top:-30px;}
	
	.teaser .container .title_holder
	{
		font-size:37px;
		font-style:italic;
		font-weight:bold;
		color:#072A51;
		padding-left:40px;
		width:420px;
		height:55px;
		padding-top:21px;
		padding-bottom:0px;
		line-height:25px;
		background:url(../images/title_holder_bg_w460.png) top left no-repeat;
	}
	
	.services .col_50{width:100%;}
	.services .col_01{border-bottom:1px solid #cccccc;}
	
	.services .col_02 .title{float:left;}
	.services .lists{padding-left:10px; border:none !important;}
	.services .lists ul{padding-left:5px; margin-top:-10px; float:left !important;}
	
	.emergency .container .header_title{background:url(../images/head_title_w460.png) top left no-repeat; height:44px; line-height:44px; padding-left:20px; font-size:25px;}
	.emergency .col_52, .emergency .col_48{width:100%;}
	.emergency .col_01{background:url(../images/h_separator.png) bottom center no-repeat; padding-bottom:20px;}
	.emergency .col_02{padding-top:50px;}
	.emergency ul li{font-size:15px;}
	
	.about .container .header_title{background:url(../images/head_title_w460.png) top left no-repeat; height:44px; line-height:44px; padding-left:20px; font-size:25px;}
	.about .col_44{width:96%; float:left !important;}
	.about .col{padding:0px 2% !important;}
	.about .col .paddingLeft20px{padding-left:0px !important;}
	
	.span6{padding-left:0px;}
	.span7{width:460px;}
	.features .span6 .text_holder{width:270px;}
	
	.about .white_bg_holder{display:none !important;}
	.about-columns-holder{padding-top:10px; padding-bottom:290px;}
	.contact .container .header_title{text-align:center; background:url(../images/head_title_w460.png) top left no-repeat; height:44px; line-height:44px; padding-left:0px; font-size:25px;}
	.locksmith-image
	{
		right:0px;
		top:-365px;
		width:461px;
		height:476px;
	}
	.contact-form{padding:50px 0px 10px; width:100%;}
	.input-holder{width:100%;}
	.input-holder .input{}
	span.wpcf7-not-valid-tip {left:25px !important;}
	.speacial-offer-holder{position:relative; margin:0 auto !important; right:0px; top:0px; padding-bottom:20px;}
	
	.left-side, .right-side{width:100%; margin-left:0px; float:none;}
	.security-grilles-desktop-image{display:none;}
	.security-grilles-mobile-image{display:block; margin:-20px auto 10px;}
	.left-side .list .list-item .list-item-title{background-position:-80px;}
	.right-side .locksmith-offer{margin-left:100px; margin-top:10px;}
	
}

@media(max-width:480px) {
 	.header h1 {
 		font-size: 26px;
 	}

 	.logo {
		padding:0px;
	}
	.logo img{max-width:150px;}

 	.mobile-nav {
 		width: 150px;
 	}	

 	.container, .header .container .span12 {
		width: 300px;
	}

	.fullwidth-video {
		height: 180px;
	}

	.flexslider {
		margin-bottom: 30px;
	}
	

	.teaser .offset5{width:300px; float:none;}
	
	.span6{padding-left:0px;}
	.span7, .span6{width:300px;}
	
	.teaser{min-height:430px; background-position:top;}
	.teaser .container{padding: 0px; background:none; min-height:430px;}
	/*.special_offer_holder{display:none;}*/
	
	.special_offer_holder{top:305px; left:40px; color:#ffffff !important;}
	.special_offer_holder .the_number{margin-top:-30px;}
	
	.teaser .container .title_holder
	{
		font-size:23px;
		padding-left:30px;
		width:270px;
		height:41px;
		padding-top:11px;
		padding-bottom:0px;
		line-height:25px;
		background:url(../images/title_holder_bg_w300.png) top left no-repeat;
	}
	.teaser .container .text .title
	{
		padding-left:55px;
		font-size:23px;
	}
	.teaser .container .text ul li
	{
		background:url(../images/teaser_text_holder_line_bg_w300.png) top left no-repeat;
		height:24px;
		padding-left:15px;
		padding-top:1px;
		line-height:24px;
		font-size:15px;
	}

	.services .col_01 .title, .services .col_02 .title
	{
		padding-left:65px;
		width:235px;
		height:40px;
		line-height:35px;
		font-size:18px;
		overflow:hidden;
	}
	
	.services .col_50{width:100%;}
	.services .col_01{border-bottom:1px solid #cccccc;}
	
	.services .col_01 .title{background:url(../images/services_btn_w300.png) top left no-repeat;}
	.services .col_02 .title{float:left; background:url(../images/products_btn_w300.png) top left no-repeat;}
	.services .lists{padding-left:10px; padding-top:18px; border:none !important;}
	.services .lists ul{padding-left:5px; margin-top:-10px; float:left !important;}
	
	.emergency .container .header_title{background:url(../images/head_title_w300.png) top left no-repeat; height:28px; line-height:28px; padding-left:15px; font-size:18px;}
	.emergency .col_52, .emergency .col_48{width:100%;}
	.emergency .col_01{background:url(../images/h_separator.png) bottom center no-repeat; padding-bottom:20px;}
	.emergency .col_02{padding-top:50px;}
	.emergency ul li{font-size:15px;}
	
	.about .container .header_title{background:url(../images/head_title_w300.png) top left no-repeat; height:28px; line-height:28px; padding-left:15px; font-size:18px;}
	.about .col_44{width:96%; float:left !important;}
	.about .col{padding:0px 2% !important;}
	.about .col .paddingLeft20px{padding-left:0px !important;}
	.about p{line-height:18px; font-size:13px;}
	
	.about .white_bg_holder{display:none !important;}
	.about-columns-holder{padding-top:10px; padding-bottom:170px;}
	.contact .container .header_title{text-align:center; background:url(../images/head_title_w305.png) top left no-repeat; height:40px; line-height:40px; padding-left:0px; font-size:22px;}
	.locksmith-image
	{
		right:0px;
		top:-234px;
		width:294px;
		height:304px;
	}
	.contact-form{padding:25px 0px 10px; width:100%;}
	.input-holder{width:100%; padding:0px !important;}
	.input-holder .label{width:100% !important; text-align:center;}
	.input-holder .input{width:96% !important; padding:5px 2% !important;}
	span.wpcf7-not-valid-tip{position:relative !important; top:0px !important; left:0px !important;}
	#button-submit{margin:25px 43px 0px}
	div.wpcf7 img.ajax-loader{right:280px !important; top:40px !important;}
	.speacial-offer-holder{position:relative; margin:0 auto !important; right:0px; top:0px; padding-bottom:20px;}
	
	.left-side, .right-side{width:100%; margin-left:0px; float:none;}
	.security-grilles-desktop-image{display:none;}
	.security-grilles-mobile-image{display:block; margin:-20px auto 10px;}
	.left-side .list .list-item .list-item-title{background-position:-120px; padding:13px 5px 12px 15px;}
	.left-side .list .list-item .list-item-content{padding-left:15px;}
	.right-side .locksmith-offer{margin-left:0px; margin-top:0px;}

}