/* Styles for mobile */
@media only screen and (max-width: 768px) {
	.login-header {
		display: block !important;
	}
	.login-header #desktop_nav {
		display: none !important;
	}
	.login-header #responsive_nav {
        display: flex !important;
        align-items: end;
        justify-content: end;
        margin-right: 1rem;
    }
	.login-header .headerUtility ul {
		clear: right;
	}
	.login-header .headerUtility ul li {
		float: none;
		text-align: center;
	}
	.login-header .headerUtility ul li a {
		background-color: transparent;
		font-size: 1em;
		padding: 5px;
		color: #68878b;
	}
	.login-header .headerUtilityToggle {
		display: block;
		margin-right: 0rem;
		padding: 0rem 0.5rem;
	}
	.login-header nav.headerUtility {
		padding: 1.5rem;
        background: #9cb6ba;
	}
	.login-header #responsive_nav .iconBar {
		display: block;
		width: 40px;
		height: 13%;
		margin: 0.75rem 0rem;
		background-color: #fff;
	}
	.content.layout-2 .contentSide {
	    padding: 0 20px 40px 20px;
	    width: 100%;
	}
	.widget-helplinks li {
		margin-top:20px
	}
	.widget-submenu .menu ul li a {
	    padding: 7px 20px 7px;
	}
	.widget-submenu .widget-title {
	    padding: 12px 11px 0;
	}
	.content.layout-2 .contentMain {
	    padding: 40px 20px;
	}
	.widget-submenu {
	    width: 100%;
	}
	.business-hours {
	    padding: 0 6px;
	    margin-bottom: 0;
	}
	.business-hours p:last-child{
		margin-bottom:0
	}
	.articleBody ul:last-child,.articleBody p:last-child{
		margin-bottom:0
	}
	.contentMain ul.gallery li {
	    max-width: 50%;
	}
	.contactForm .padding{
		padding:0 !important
	}
	.privacy{
	    width: 100%;
	    display: block;
	    position: relative;
	    text-align: left;
	}
	#buildsteps_total_up{
    	padding-bottom: 20px;
	}
	.buildsteps_finalstep .buildsteps_heading {
		font-size: 16px !important;
	}
	#contact-page #widget-support{
    	margin-bottom:0   
	}
	.widget-modeltype,.widget-inspired{
    	padding: 0 20px!important;
	}   
	.ptm-0{
		padding-top:0!important
	}
	.widget-modeltype ul li:last-child{
		margin-bottom:0
	}
	.widget-features ul {
	    grid-template-columns: 100%!important;;
	}
	.widget-features ul li {
	    width: 100% !important;
	}
	.widget-features {
	    overflow: unset !important;
	    padding-bottom: 10px !important;
	}
	.widget-inspired{
		margin-bottom:0 !important;
	}
	.widget-quicklinks {
	    padding: 10px 20px 0  !important;;
	}
	.widget-quicklinks ul li {
	    margin: 20px 0!important;;
	}
	.footer #footerWidgets .widget-body ul {
	    text-align: left;
	}
	.model-info {
	    width: 100%!important
	}
	.model {
	    margin-top: 25px;
	}

	.profFormShipp {
	    width: 233px!important;
	}
	#buildsteps_imgpreview{
   	 	max-height: max-content;
	}

	#frm_buildsteps .tab-content {
	    padding: 50px 10px!important;
	}
	.nav-tabs{
		gap:6px 0 
	}
	#buildsteps_changedoorname{
		width:100%!important
	}
	.save-flex{
	    flex-direction: column;
		
	}
	.zipCode input,.zipCode{
    	width: 150px!important
	}
	#buildsteps_installarea label{
    	line-height: 17px;
	}
	.p20-m{
	padding:20px
	}

	input.cart_inputqty {
	    width: 60px!important
	}
}
         
/* Styles for iPad Mini in portrait mode */
@media only screen and (min-width: 768px) and (max-width: 1180px) {
	.widget-submenu {
	    width: 100%;
	}   
	.widget-submenu .widget-title {
	    padding: 6px 11px 0;
	}
	.model-style {
	    width: 12% !important;
	}
	.model-cost{
		width: 20% !important;
	}
	.contentMain ul.gallery li {
	    max-width: 50%;
	}
	.owl-carousel .owl-item img {
	    height: 100%!important;;
	}
	.homeSlides .slide-content {
    	min-height: 30rem!important;;
	}
	.homeSlides {
	    min-height: 44vh!important;;
	}
	.widget-modeltype li a {
	    min-height: 152px!important;;
	}
	.owl-carousel .owl-nav button.owl-next {
	    right: 53%!important;;
	}
	.footer #footerWidgets .image {
	    margin-left: 20px!important;;
	}
	.model-filter-measurements, .model-filter-models {
	    min-height: 455px!important;
	    max-height: 461px!important;
	}
	.model-cost-build {
	    position: relative!important;;
	}   
	.model-cost-build form{
		width:100%
	}
	#frm_buildsteps .tab-content { 
	    background-color: #fff;
	    padding: 50px 12px;
	}
	.save-flex{
	    flex-direction: column;
		padding-bottom:20px
	}
	#buildsteps_imgpreview{
   	 	max-height: max-content;
	}
	.buildsteps_janus_summary {
	    padding-top: 30px;
	}
	.buildsteps_janus_summary ul{
		margin-bottom:0 !important
	}
	#buildsteps_changedoorname{
		width:100%!important
	}
	#buildsteps_content[data-step="review"] .tab-content-wrapper{
		width:100%!important
	}
	.changeallqty {
	    padding: 8px 45px;
	}
	#delete_from_cart .btn{
	    all: unset;
	    font-size: 13px;
	    background: #d25839;
	    color: #fff;
font-family: proxima-nova, helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";	    text-transform: uppercase;
	    text-align: center;
	    padding: 8px;
		font-weight: 200;
		width:100%;
	}
	#delete_from_cart,.cart-update-form{
	display:flex
	}
	.cart-update-form .btn{
	    all: unset;
	    font-size: 13px;
	    background: #274556;
	    color: #fff;
	    font-family: "proxima-nova", "helvetica", -apple-system, BlinkMacSystemFont,    "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",    "Segoe UI Emoji", "Segoe UI Symbol";
	    text-transform: uppercase;
	    text-align: center;
	    padding: 8px;
		font-weight: 200;
		width:100%;
	}
	.buildersteps_builderitem .btn{
    	min-width: 90px;
	}
	.buildsteps_previewtxt {
	    margin-left: 5px;
	}    
	.buildsteps_previewtxt p {
	    word-wrap: break-word;
	}	
	}
