/* Responsive */

@media (max-width: 480px){
   header .list .social{
   text-align:center;
   }
   .logo{
   margin:0 auto;
   }
   .rpost1{
   width:100%;
   }
   .rposts img{
   width:100%;
   }
   .rpost2{
   width:100%;
   margin-left:0px;
   }
   .da-slide h2{
   width:100%;
   font-size:30px;
   top:40px;
   }
   .da-slide p{
   width:80%;
   font-size:15px;
   top:90px;
   }
   .da-slide .da-link{
   top:180px;
   }
   .da-slide .da-img{
   display:none;
   }
   .serv-a,.feat-a,.price-a{
   width:100%;
   float:none;
   margin-right:0px;
   }
   .serv-b,.feat-b,.price-b{
   width:100%;
   float:none;
   } 
   .blog .meta span{
   float:none !important;
   }
   .feat{
   text-align:center;
   }
   .teams .pic img {
   max-width:220px;
   }
   .time .tidate{
   float:none;
   margin:0 auto;
   margin-bottom:10px;
   }
   .time .timatter{
   width:92%;
   }
   .aserv-l{
   width:100%;
   float:none;
   margin-right:0px;
   }
   .aserv-r{
   width:100%;
   float:none;
   }   

.controls ul, .controls li{width:100%; display:block !important}
#Grid .half_col, ul.recent_view{width:90% !important; padding:0 10% !important; display:block !important}
.recent_view{width:80% !important; margin:0 !important; position:relative; }
.asidegrid{text-align:center !important; padding:0 5% !important;}
}



@media (max-width: 767px){
   header{
   padding-bottom:10px;
   padding-top:15px;
   }
   header .list{
   margin:10px auto;
   position:static;
   top:0px;
   margin-top:10px;
   border-top:1px;
   border-radius:10px;
   box-shadow:0px 0px 2px #ddd;
   }
   .logo{
   text-align:center;
   }
   .navbar,header,footer{
   margin-left:-20px;
   margin-right:-20px;
   }
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   } 
   .flex-caption{
   display:none;
   }
   .posts .social{
   padding-bottom:10px;
   border-bottom:1px solid #ddd;
   }
   .posts .social, .posts .tags{
   float:none;
   }
   .resume .rinfo{
   margin-top:15px;
   }
   .rposts img{
   width:100%;
   }  
   .teams{
   text-align:center;
   }
   .teams img{
   max-width:300px;
   }
   .asocial, .desig{
   float:none;
   display:block;
   clear:both;
   }
   .error .error-small{
   max-width:300px;
   }  
   .ifeat{
   margin:5px 0px;
   padding:5px 0px 10px 0px;
   }
   .scontact{
   margin-top:20px;
   }
   .entry img{
   display:block;
   float:none;
   margin:0 auto;
   margin-bottom:8px;
   width:100%;
   }    
   .sidebar{
   margin-top:20px;
   }
   .logreg-page{
   width:90%;   
   }
   .reinfo{
   width:100%;
   float:none;
   margin-right:0px;
   }
   .redetails{
   width:92%;
   margin-right:20px;
   float:none;
   }
   .rgood{
   width:92%;
   float:none;
   margin-right:0px;
   }
   .rbad{
   width:92%;
   float:none;
   margin-right:0px;
   }
   .rbox{
   margin-top:20px;
   }
   footer{
   padding:10px 20px;
   } 

.recent_view li{width:40% !important; display:inline-block !important; margin:1%; }
.recent_view .sep{background:none;} 
}

@media (min-width: 768px) and (max-width: 979px){
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   }
   .rpost2{
   margin-left:10px;
   }
   .entry img{
   display:block;
   float:none;
   margin:0 auto;
   margin-bottom:8px;
   width:100%;
   }  


}



/** MOZLO MAGIC **/
.portfolio{font-family: 'Oswald' !important;}
.portfolio h3{border-bottom:none !important;color:#000;}
.portfolio li{background:none !important; border-bottom:none !important; color:#333;}
.controls{display:block; width:100%; vertical-align:top; border:none !important;}
.controls h3, .controls ul, .controls ul li{display:inline-block !important;}
.controls h3{vertical-align:top !important; width:20%; position:relative; top:-10px}
.controls ul{width:60%; position:relative; top:-3px}
/*
li.sort{ display:inline-block !important; background:#30add1 !important;margin:1%; padding:6px 10px !important; color:#fff; text-transform:uppercase; text-align:center; border-radius:3px; }
li.sort.active{background:#ccc !important;}
.pill{display:inline-block;width:50px; background:#30add1; margin:1%; padding:6px 10px !important; color:#fff; text-transform:uppercase; text-align:center; border-radius:3px; }
*/
li.sort{ display:inline-block !important; margin:1%; padding:6px 10px !important; color:#; text-transform:uppercase; text-align:center; border-radius:3px;}
li.sort.active{background:#ccc !important;}
.pill{display:inline-block;width:50px; margin:1%; padding:6px 10px !important; color:#EBEBEB; text-transform:uppercase; text-align:center; border-radius:3px; }
ul.carinfo{display:block !important; height:auto; min-height:200px !important; padding-bottom:40px !important; }
.sep{background:url(/img/sep.png) no-repeat 50% bottom !important; width:100%; height:50px; margin:0 0 20px; clear:both;}
.bread ul, .bread li{border:0 !important; padding:10px 0 !important;}
.bread li:after{content:">"; padding:0 5px; }
/* .bread li:last-child{color:#09c;} */
.bread li:last-child:after{content:"" !important;}
#Grid{
	width: 100%;
	text-align: justify;
color:#fff !important;
}
.imagebox{border:1px solid #ccc; width:92%; padding:10px; height:auto; position:relative; background:#EBEBEB;}
.imagebox img{border:1px solid #EBEBEB; width:100%; height:auto;}
.black75{background:#AA1111; opacity:0.9; position:absolute; bottom:9px; width:auto; min-width:91%;  height:auto; padding:5px; text-align:right; text-transform:uppercase; font-family: 'Oswald';}
.black75small{background:rgba(0,0,0,.75); position:absolute; bottom:9px; width:auto; min-width:89%;  height:auto; padding:1px; text-align:right; text-transform:uppercase; font-family: 'Oswald';}
a.seemore{font-family: 'Oswald' !important; font-size:14px !important; padding-right:36px !important; background:url(/img/plus.png) no-repeat right; margin:5px; display:block;}
#Grid .half_col, .halfcol_boxed .half_col{width:46% !important; min-width:240px; display:inline-block; vertical-align:top;}
.halfcol_boxed .half_col .pill{display:inline-block;width:100px;}
ul.carinfo li{clear:both !important; width:100% !important; display:block !important;}
.pill_data{display:inline-block;color:#333 !important; font-size:16px; margin:-1px 10px 10px 10px}
#Grid:after{
	content: '';
	display: inline-block;
	width: 100%;
}

#Grid .mix{
display:none;
	opacity: 0;
	width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 20px;
}

#Grid .gap{
	display: inline-block;
	width: 200px;
}
li.soldby{display:block; padding:15px 0 5px 25px !important; background: url(/img/phone.png) no-repeat 0 50% !important; margin-left:24px; font-size:15px}

/** ASIDE **/
.asidegrid{padding:0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
.asidegrid h2{font-size:18px; color:#000;}
.asidegrid p{color:#000}
/* .asidegrid h4{font-size:14px; color:#09c;} */
.asidegrid .imagebox{width:80%; height:auto !important;}
.asidegrid .imagebox img{width:100%; height:auto !important;}
.recent_view li{height:auto !important; margin:0 !important; padding:0 10px !important}
.recent_view .sep{margin:0 !important;}
#galleria{width:100%; min-width:320px; height:auto; min-height:320px; margin-bottom:50px}
/*
p.phone{display:block; padding:10px 5px 5px 35px !important; background: #09c url(/img/phone.png) no-repeat 10px 50% !important; margin-left:0px; font-size:15px; border-radius:5px; color:#fff;}
*/
p.phone{display:block; padding:10px 5px 5px 35px !important; margin-left:0px; font-size:15px; border-radius:5px; color:#fff;}
.lookmore{display:block; padding:5px 5px 5px 40px !important; background: url(/img/mag.png) no-repeat 10px 50% !important; margin-left:0px; font-size:15px; border-radius:5px; margin:4px 0;}
.print{display:block; padding:5px 5px 5px 40px !important; background: url(/img/print.png) no-repeat 10px 50% !important; margin-left:0px; font-size:15px; border-radius:5px;}
.car_details{margin:40px 10px !important;}
.car_details p{font-family:Helvetica, Arial, Verdana, Tahoma, sans-serif; color:#000; line-height:1.6;}
.car_discl p{font-family:Helvetica, Arial, Verdana, Tahoma, sans-serif; color:#777; line-height:1.4; font-size:0.85em}
.car_gallery #Grid{margin-top:50px;}
.car_gallery #Grid .sep{background:none !important; margin:-20px 0 20px; height:1px; border-bottom:2px groove #000;}
.car_details h3{color:#000;}
/* let's make maps responsive! */
.map{position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
margin:40px 0;}
.map iframe, .map object{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.my_bread_crumb {
	position: relative; 
	top: -12px;
	color:#777777 !important;
}

.my_bread_crumb a:hover{
	color:#777777;
	text-decoration:underline;
}