/*--------dev responsive css-----------*/

ul.sub-menu.sub-menu-1 {min-width: 655px !important; background: rgba(37, 99, 152, 0.78)!important;border: 3px solid #8C8C8C!important;}
.main-header ul.sub-menu.sub-menu-1 > li {
    width: 26.2%!important;
    float: left!important;
    clear: none!important;
}
nav.top-nav {
    width: 20%;
    float: left;
}
/*ul.sub-menu.sub-menu-2 li a span {
    width: 30%!important;
    padding: 25px 0px!important;
}
.main-header ul.sub-menu.sub-menu-1 > li img {
    width: 55%!important;
    height: 100%!important;
    float: right!important;
}*/
ul.sub-menu.sub-menu-2 li a, ul.sub-menu.sub-menu-2 li a {
    width: 100%!important;
    float: left;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignLeft ul.sub-menu.sub-menu-1 {
    left: 0px !important;
    position: relative!important;
}
.main-header ul#megaUber li {width: 104px;}
.main-header ul.sub-menu.sub-menu-1 > li > a {
    font-weight: 700;
    text-transform: uppercase;
color: #ffffff!important;
}
ul.sub-menu.sub-menu-2, ul.sub-menu.sub-menu-2 li {
    width: 100%!important;
}
.main-header ul.sub-menu.sub-menu-1 > li img {
    width: 100%!important;
    height: 100%!important;
    float: right!important;
}
ul.sub-menu.sub-menu-2 li a, ul.sub-menu.sub-menu-2 li a span, ul.sub-menu.sub-menu-2 li a {
    width: 100%!important;
    float: left;
}

@media only screen and (max-width: 768px) {
.clearfix.page-wrapper article { width: 96%;padding: 10px;}
div#container {width: 100%;}
body {min-width: 320px!important;}
.container_16 {width: 100%;}
.container_16 .grid_16 {width: 97%!important;}
.container_16 .page-wrapper {width: 100%!important;}
article#post-51 {width: 100%!important;}
.page-content.no-image {width: 100%!important;}
.copyrights .container_16 {width: 96%!important;padding: 10px 13px 11px 13px;}
.slider-shadow {width: 100%!important;}
.clearfix {background-color: #1c5d94;background: rgba(28, 93, 148, 0.95);}
header.main-header.header-helper.dark { height: 72px;}
header.main-header .logo {height: 100%;}
header.main-header.header-helper.dark .grid_11 { width: 96%;}
ul#menu-main_menu,ul#menu-main_menu li { height: 40px;}
.grid_11 nav ul li a { line-height: 33px!important;}
.main-header .grid_5 { display: block!important; float: none; margin: 0 auto;}
nav ul li a {  line-height: 44px !important;}
div#main .page-wrapper { margin: 0px auto!important; padding: 0px!important;}
article#post-51 .wpcmsdev-columns .column {width: 28% !important;margin-right: 2.3%!important;margin-left: 1.5%;}
div#footer-sidebars .content.clearfix {background-color: #D5D5D5;background: rgb(213, 213, 213);}
div#main .clearfix.page-wrapper {background-color: #ffffff!important;background-color: rgba(255, 255, 255, 0.8)!important;}
article#post-470 { width: 95%; padding: 10px; display: block;float: none;}
span#phone-num span { padding-right: 5%!important;}
}
@media only screen and (max-width: 667px) {
span#phone-num span { padding-right: 5%!important;}
.copyrights .container_16 {width: 90%!important;}
div#footer-sidebars .one_fifth {width: 99.6%;}
section#search-8 {width: 30%;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
ul.sub-menu.sub-menu-1 {min-width: 95% !important;}
#click-menu.admin-bar-showing {margin-top: 81px!important;}
}
@media only screen and (max-width: 414px) {
span#phone-num span { padding-right: 1%!important;}
#phone-num {display: block;float: right;height: 50px;padding-top: 7px;}
article#post-51 .wpcmsdev-columns .column {width: 90%!important; text-align: center;}
#click-menu.admin-bar-showing { margin-top: 35%!important;}
.main-header .grid_5 { display: block!important; float: left;}
}
@media only screen and (max-width: 320px) {
div#accordion-item-alumin-i-ftohte .one_half {width: 100%;}
body {min-width: 290px!important;}
}
ul#menu-main_menu li a {
    font-size: 15px;
}
ul.sub-menu.sub-menu-1 {
    position: relative;
    left: 0px!important;
    width: 100%;
}
header.main-header.header-helper.dark nav#megaMenu {
    margin-top: 6.5%;
    float: left;
    margin-left: 10%;
}

header.main-header.header-helper.dark nav#megaMenu ul li a { font-size: 13px;font-weight: 600;}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu {
    width: 100%;
    float: left;
    position: relative!important;
    left: 0px!important;
}
ul.sub-menu.sub-menu-1 {
    background: #2D9D1F;
}