/*
Theme Name: domus
Description: Theme customized for domusstudio
Template: namo
Version: 1.0
*/

@import url("../namo/style.css");

/* =========================================================================
                                    MOBILE 320
   ========================================================================= */

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

#header .header-controls {
    	width: 15% !important;
    }

#logo a img {max-width: 85%!important;}

#logo {margin: 30px 0px 25px !important;}

.menu-controls i.font-icon {
     margin-top: 40px !important;
}

.mobile-nav-controller-wrap {
     line-height: 100px;
}

.be-row.be-wrap.clearfix.be-no-space {
     display: table;
}

#domus-team .one-half.column-block.be-bg-cover {
     display: table-caption;
     margin-bottom: 0 !important;
}

#domus-team .one-half.column-block {
    display: table-footer-group;
}

.full-screen.three-col .element {width: 100% !important;}

.filters {max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 20px !important;}

.filters .sort {padding: 3px 4px !important;}

#projects h2 {margin-bottom: 25px !important;}

.be-section .be-row:last-child .column-block {
margin-bottom: 0 !important;}

span.slide-marks {
 font-size: 2em !important;
}

#g-tour {display: none; }

h1 {font-size: 25px !important; line-height: 1.5 !important;}

.pagination a {margin: 0px 15px 15px 0px !important;}

.pagination_parent {text-align: center;}

#work-cats p {margin-bottom: 10px !important;}

h2 {font-size: 30px !important;}

.one-half.column-block .be-button-wrap.align-block.block-center { margin-bottom: 5%!important;}

#trolley .be-section-pad.clearfix {padding-top: 50px !important; padding-bottom: 60px !important;}

}

/* =========================================================================
                                    MOBILE 480
   ========================================================================= */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.full-screen.three-col .element {width: 100% !important;}

.filters {max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 20px !important;}

.filters .sort {padding: 3px 4px !important;}

#projects h2 {margin-bottom: 25px !important;}

#work-cats p {margin-bottom: 10px !important;}

}


/* =========================================================================
                                    TABLET (portrait)
   ========================================================================= */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {

h3 {font-size: 18px !important;}

#projects h2 {margin-bottom: 0px !important;}

}