@media only screen and (max-width: 320px){    
.portfolio-list{
margin-left: 5px !important;
}
.blog-wrapper .meta{
margin-bottom: 5px;
}
.blog-wrapper .meta-wrapper{
font-size: 11px;        
}
}
@media only screen and (max-width: 480px) {  
.dropdown-menu{
-webkit-box-shadow:none;
box-shadow:none;
border: 0;
}
.dropdown-menu a:hover{
color: #555;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
background: none;
color: #555;
}
.slide-bg-section h1{
font-size: 20px !important
}
.slide-bg-section p{
width: 100% !important;
}
.slide-bg-section .read-more{
text-align: center;
margin-right: 0;
}
.scroll-down{
bottom: 5px;
}
#contact .contact-wrapper{
width: 100%;
}
.title p{
width: 100%;
}    
.portfolio-list{
margin-left: 20px;
}    
.blog-wrapper .image,.blog-wrapper.blog-list .image{
height: 175px;
}
.blog-wrapper.blog-list img{
min-height: 175px;
}
#blog-section .blog-wrapper .meta-wrapper {
margin: 30px 15px;
}   
article .blog-wrapper .img-overlay{
width: 175px;
}
article .blog-wrapper .meta-wrapper{
margin-top: 25px;
margin-left: 0;         
}
.blog-wrapper .meta-tag{
margin-top: 20px;
}
ul.portfolio-list li{
width:100%;
height: auto;
text-align: center;
}
.blog-wrapper{
padding-right: 0;
}
span#call-us{
float: left;
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {    
header .custom-logo-link img{
height: auto;
margin-top: 10px !important;
} 
.res-menu{
background: #fff;
position: absolute;
width: 100%;
left: 0;
box-shadow: 0 0 2px #555;
-moz-box-shadow: 0 0 2px #555;
-webkit-box-shadow: 0 0 2px #555;
}
header.menu-wrapper.fixed{ 
display:none !important;
}
.dropdown-menu{
margin-left: 30px;
padding: 10px 0;        
position: relative;
float: none;
-webkit-box-shadow:none;
box-shadow:none;
border: 0;
}
.nav ul ul{
margin-left: 30px;
left: 0;
position: relative;
display: block !important;
}
.dropdown-menu li ul,.nav li:last-child .dropdown-menu li ul,
.nav li:nth-last-child(2) .dropdown-menu li ul { 
margin-left: 30px;
left: 0;
top: 0;
display: inline-block !important;
position: relative;
float: none;
}
.dropdown-menu a:hover{
color: #555;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
background: none;
color: #555;
}
.nav li:last-child ul ul,
.nav li:nth-last-child(2) ul ul{
left: 200px;
}   
header.menu-wrapper.fixed a{
font-size: 13px;
}
.dropdown-menu > li > a{
padding: 10px 10px;
font-size: 13px;
}
header .custom-logo-link img{
margin: 0;
margin-left: 20px;
}
header #logo-alt img{
margin-left: 20px;
}
header .navbar-collapse li{
padding: 0;
}
.about-section .content{
text-align: center;
}
.about-section .content .title{
text-align: center !important;
}
.about-section .content .content{
margin-bottom: 30px;
}
.about-section .content .image{
margin-bottom: 30px;
}    
.site-description{
margin-left: 20px;
}
.site-title{
margin-left: 20px !important
}
[class^="imghvr-"] > img, [class*=" imghvr-"] > img{
height: 100%;
}
ul.nav{
margin-left: 0;
}
footer .widget-title{
margin-top: 50px;
}   
.nav > li > a{
color: #555 !important;
}
li.right.wc-cart-menu{
text-align: left;
}
}    
@media only screen and (min-width: 481px) and (max-width: 767px) {
ul.portfolio-list li{
width:49%;        
text-align: center;
}   
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
ul.portfolio-list li{
width:33%;        
text-align: center;
}        
}
@media only screen and (max-width: 767px){
.res-menu ul.dropdown-menu li:nth-last-child(2) > a {
border: none !important;
color: #555 !important;
padding-left: 10px !important;
margin-bottom: 0 !important;
}
.res-menu ul.dropdown-menu li:nth-last-child(2) > a:hover {
color: #fff !important;
}
}