/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 980px) {

.outercontainer {max-width:90%; margin:0 auto;}
.home .header-wrapper { padding: 25px 0 10px 0;}
.header-wrapper { padding:25px 0 10px 0; position:relative;}
.logo { position:absolute; left:0; top:30px;width:240px; }
.menuwrapper { float:right; width:100%; padding:0; }
.logo h1 { font-size:25px;}

label { font-size: 13px;}
.searchandfilter ul li li {padding: 5px 2px 5px 0;}
.portfolio-details h1 { color:#000; font-size:25px; line-height:30px; margin:0 0 20px 0;}

.portfolio-box { width:100%; margin:0 0 30px 0; float:none;}
.related-portfolio-nav li { width:100%; margin:0 0 30px 0; float:none; }

.portfolio-images {  width:100%; margin:0 0 30px 0; float:none;}
.portfolio-details {  width:100%; margin:0 0 30px 0; float:none;}
.portfolio-nav-right {  margin:0;}
.post-22 { width:100%;}


.ubermenu-responsive-toggle-icon-only .fab, .ubermenu-responsive-toggle-icon-only .far, .ubermenu-responsive-toggle-icon-only .fas, .ubermenu-responsive-toggle-icon-only .svg-inline--fa .ubermenu-responsive-toggle-icon-only .ubermenu-icon-essential { font-size:25px;}
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding:8px 0!important;
}
	
}