@media all and (max-width: 480px) {
 
 
.logo {
    float: left;
    height: 50px;
    left: 5px;
    margin: 12px 0 0;
    width: 245px;
}



.navbar-toggle{
margin-top:23px;
}


.navigation{
float:none;
}

#banner2{
height:100%!important;
background-position:center!important;

}


.about{
margin:0px;
padding:0px 0 86px;
}

p.title-detail {
    font-size: 12px !important;
    line-height: 15px;
}

h1, h1.light, h2 {
    font-size: 23px !important;
}

.title h1{margin: 10px 0!important;}



.about i {
    height: 90px;
    padding: 2px 0;
    width: 88px;
	font-size:48px!important;
}

.about h4{

margin: 15px 0 5px;
}


.features .col-md-4{
margin-bottom:20px;

}

.portfolio {
    padding: 0;
}



#portfolio  .title h1{
margin:0!important;
}

.features img {
    width: 45px;
}


.pressroom{
padding:0px;

}

.pressroom .right-text{
margin:0;

}
 
.creative{
text-shadow:3px 2px 0 #fff;
}

.contact{
position:relative!important;
bottom:0!important;
padding-bottom:20px!important
}
#banner2 .item {
    background: rgba(0,0,0,0.48);
    padding: 0px;
}
#carousel {
    margin-top: 100px;
}
.pricing {
  padding: 40px 0 90px 0;
}
.contact .title {
  margin-bottom: 10px;
  margin-top: 20px;
}
.botcontdwn{
  margin-bottom: 90px;
}
}




 



@media screen and ( min-height: 768px ){
   .about .title {
    margin-bottom: 70px;
   margin-top:40px;
	}
.about h4{
margin:53px 0 30px;
}
.sponsors h1.sponsor{
margin-top:30px;
}
#carousel{
margin-top:80px;
}
#imageportf, #videoportf{
margin-top:60px; 
}
.com-sec {
    margin-top: 70px;
}
.hmeblog {
    margin-top: 50px;
}
.hmeblog h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}
	
	}