/*--begin responsive--*/

@media screen and (max-width:1600px) {
nav#block-edenwindows-main-menu ul li a {
	font-size: 15px;
}
nav#block-edenwindows-main-menu ul li {
    margin: 0 7px;
}
div#block-edenwindows-site-branding {
    width: 86px;
}
.container, main#main .container {
	width: 94%;
}
nav#block-edenwindows-main-menu {
        margin-top: 40px;
        float: left;
    }
a.btn {
    padding: 14px 30px;
}
div#block-edenwindows-ctaheadermenu {
        margin-top: 42px;
        margin-left: 0;
        margin-right: 15px;
    }
    a.btn span {
        right: -27px;
    }
header#header {
    height: 112px;
    border-bottom: 7px solid #171717;
}
nav#block-edenwindows-main-menu {
	display: none;
}
h1 {
    font-size: 48px;
}
h2 {
    font-size: 26px;
}
h3, h4, h5 {
    font-size: 23px;
}
    a.tel, #right-sidebar a.em {
        font-size: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
ul.social li a {
    font-size: 31px;
}
.container.md {
        width: 94% !important;
}
    a.tel, a.em, div#footer-2 a, div#footer-3 a {
        font-size: 22px;
    }
.side-title .views-row {
    right: -10px;
}
div#right-sidebar a.btn {
    padding: 17px 20px 13px;
    font-size: 15px;
}
main#main {
        margin: 30px 0;
        padding-top: 30px;
        padding-bottom: 25px;
    }
form#search-block-form div#edit-actions:before {
    left: 1px;
}
div#right-sidebar {
    margin: 0 0 7%;
}
div#right-sidebar input#edit-submit {
    padding: 14px 16px;
}
div#block-edenwindows-logosidebar {
    top: 22px;
}
.left-content h3 {
    padding: 17px 20px 13px;
    font-size: 15px;
}
a.s-logo {
    width: 56px;
}
div#block-edenwindows-views-block-map-block-1 {
    top: -81px;
}
section#hero {
    padding: 234px 5% 104px;
}
form#search-block-form div#edit-actions:before {
        left: 0;
        top: 7px;
        font-size: 26px;
    }



}


@media screen and (max-width:1300px) {
div#block-edenwindows-views-block-map-block-1 {
        top: 0;
    }
button#menu-toggle {
    display: block;
}
button#menu-toggle {
    position: absolute;
    top: 45px;
    right: 0;
    transition: 0.3s ease all;
}
.scrolled button#menu-toggle {
        top: 33px;
    }
    div#block-edenwindows-ctaheadermenu {
        margin-top: 35px;
        margin-left: 0;
        margin-right: 16%;
    }


    header#header nav#block-edenwindows-main-menu {
        display: none;
    }
    .mobile-menu-wrap nav#block-edenwindows-mainnavigation {
        display: none;
        position: fixed;
        top: 200px;
        background: #fff;
        top: 119px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: 0.3s ease all;
        opacity: 0;
        pointer-events: none;
        z-index: 95;
    }

.mobile-menu-wrap nav#block-edenwindows-mainnavigation.animated.slideInDown {
    display: block !important;
    opacity: 1 !important;
    pointer-events: inherit !important;
    overflow-y: scroll;
    overflow-x: hidden
}



.scrolled .mobile-menu-wrap nav#block-edenwindows-mainnavigation {
    margin-top: 0;
    top: 87px;
}


.mobile-menu-wrap nav#block-edenwindows-mainnavigation ul li {
    display: block;
    margin: 0;
}
.mobile-menu-wrap nav#block-edenwindows-mainnavigation ul li a {
        margin: 0;
        border-radius: 4px;
        border-left: 3px solid transparent;
        font-size: 14px;
        padding: 6px 22px;
        font-weight: 600;
        height: auto;
        line-height: 36px;
        display: block;
    }
.mobile-menu-wrap ul {
    margin: 0;
    padding: 0;
}

.mobile-menu-wrap ul li a {
    color: #171717;
}
li.menu-item.mobile, .mobile-menu-wrap  {
    display: block!important;
}


}


@media screen and (max-width:1000px) {
.right-side-wrap {
    width: 85%;
}
    div#block-edenwindows-ctaheadermenu {
        margin-top: 37px;
    }
     h2 {
        font-size: 24px;
    }
div#right-sidebar ul.social li a {
    font-size: 21px;
}
div#block-edenwindows-search-form-narrow h2 {
    font-size: 20px;
}
.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label {
    width: 82%;
}
form#search-block-form div#edit-actions:before {
    font-size: 21px;
    top: 9px;
}
a.tel, a.em, div#footer-2 a, div#footer-3 a {
        font-size: 18px;
    }
footer h4 {
    font-size: 28px;
}
    h1 {
        font-size: 42px;
    }
div#block-edenwindows-logosidebar {
    padding: 12px;
}
    a.s-logo {
        width: 48px;
    }
h2 {
        font-size: 22px;
    }
      h3, h4, h5 {
        font-size: 20px;
    }
  a.tel, #right-sidebar a.em {
        font-size: 19px;
    }  
#right-sidebar a.em {
    margin: 4px 0 7px !important;
}
div#right-sidebar a.btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    div#right-sidebar a.btn {
        padding: 15px 15px 12px;
        font-size: 14px;
    }
.side-title .views-row {
    top: -13px;
}
.flex-control-nav li {
    margin: 0 4px;
}
    div#block-edenwindows-views-block-map-block-1 {
        top: -51px;
    }
    div#block-edenwindows-ctaheadermenu {
        margin-right: 21.5%;
    }


}

@media screen and (max-width:767px) {
     .right-side-wrap {
        width: 76%;
    }
a.btn {
        padding: 12px 15px;
    }
    div#block-edenwindows-ctaheadermenu {
        margin-right: 37.3%;
    }
footer a.em {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-content-wrap {
    width: 100%;
    float: none;
    margin: 0 0 15%;
    position: relative;
}
div#right-sidebar {
    width: 100%;
    float: none;
    position: relative;
}
    .side-title .views-row {
        right: -7px;
    }
.left-content h3 {
    left: -7px;

}
h1 {
        font-size: 36px;
    }
    section#hero {
        padding: 223px 5% 104px;
    }
section#hero {
        padding: 213px 5% 100px;
    }
a.btn span {
        padding: 4px 7px 3px;
    }

}


@media screen and (max-width:480px) {
    div#block-edenwindows-site-branding {
        width: 79px;
            margin-top: 22px;
    }
.container, main#main .container {
	width: 92%;
}
    header#header {
        height: 90px;
        border-bottom: 4px solid #171717;
    }
div#block-edenwindows-ctaheadermenu {
	display: none;
}
    h1 {
        font-size: 28px;
    }
 div#block-edenwindows-views-block-map-block-1 {
    top: -54px;
}
section#hero {
        padding: 200px 5% 117px;
    }
 .scrolled div#block-edenwindows-site-branding {
    width: 62px;
}
.scrolled header#header {
    height: 76px;
}
ul.social li a {
        font-size: 26px;
    }
footer h4 {
        font-size: 25px;
    }
 div#footer-1 {
    width: 100%;
    float: none;
    padding: 1% 0 5%;
}
div#footer-2, div#footer-3 {
    width: 100%;
    float: none;
}
  footer#footer {
    padding: 127px 0 52px;
}
div#copyright {
    font-size: 13px;
}
    .left-content-wrap {
        margin: 0 0 20%;
    }
div#block-edenwindows-views-block-map-block-1 {
        top: -98px;
    }
    button#menu-toggle {
        top: 35px;
    }
.hamburger-box, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 65px!important;
}
.scrolled button#menu-toggle {
        top: 27px;
    }
    a.phone {
        display: block;
        position: absolute;
        top: 29px;
        right: 28%;
        font-size: 25px;
        transition: .3s ease all;
    }
.scrolled a.phone {
        top: 23px;
        font-size: 25px;
    }
.scrolled .mobile-menu-wrap nav#block-edenwindows-mainnavigation {
        top: 79px;
    }
    .left-content h3 {
        padding: 15px 15px 12px;
        bottom: -34px;
        font-size: 14px;
    }
.mobile-menu-wrap nav#block-edenwindows-mainnavigation {
        top: 94px;
}
form#search-block-form div#edit-actions:before {
        top: 11px;
    }
div#block-edenwindows-content h3 {
    font-size: 20px;
    margin: 0;
}
.js-form-item.form-item.js-form-type-search.form-item-keys {
    width: 66%;
}

}


@media screen and (max-width:380px) {
    div#block-edenwindows-views-block-map-block-1 {
        top: -55px;
    }
h2 {
        font-size: 20px;
    }
 footer h4 {
        font-size: 24px;
    }   
    .mobile-menu-wrap nav#block-edenwindows-mainnavigation {
        top: 94px;
}

}