/**
* @package under-construction
*/
@media (max-width: 1230px) {
    .headersocial{ top:90px; padding-top: 200px; }
}
@media (max-width: 1100px) {
    .mainwidth {  margin: 0 auto;  width: 100%;}
    .banner img{width: 100%;}
    .container{ width: 99%; padding: 0 0px; }
    .bannerlogo {    top: 32%;    left: 30%;    right: 30%;	}

}
@media (max-width: 1040px) {
    .pageleft { width: 34.3%;}
}
@media (max-width: 1017px) {
    .header_left.headercommon {width: 36%;}
    .header_right {	padding: 5px 0;}
    .header_middle.headercommon{ text-align: right; }
    .footcommon{ margin:0 2px; }

    @media (max-width: 992px) {
        .pageleft { width: 360px; float: none; margin: 0 auto;}
        .pageright { float: none; width: 100%; text-align: center; margin-bottom: 50px;}
        .commingsoon-date-box li{ float: none; text-align: center; display: inline-block; }
        .headersocial{ top:0; padding-top: 200px; }
        .page_content .contactforms p{ text-align: center; }
        .commingsoon {    margin-top: 46px;}
        .header_left.headercommon{ width: 100%; float: none; }
        .header_middle.headercommon {    text-align: center;    width: 100%;}
        .header_right.headercommon {    float: none;    width: 100%;    text-align: center; margin-top: 15px;}
        .creditlink {    float: none;    width: 100%;    text-align: center;}
        .creditcopy {    float: none;    width: 100%;    text-align: center;}
        .site-main {       float: none;    width: 100%;}
        #sidebar {   float: none;width: 99%;margin: 2% auto;clear: both;}
        .toggle a{ width: auto; }

        section#header{padding:0 0 11px;}
        section#header header { text-align: center;}
        .header_middle.headercommon{ margin:20px 0 20px 0; }
        .header_top .logo p {  text-align: center;}
        .col-md-4.header_right {  width: 255px;  margin: 0 auto;}
        #main_navigation .togglemenu{display: block;}
        #main_navigation .sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }
        #main_navigation .sitenav ul{color:#1A191A; width:100% !important; float:none !important; margin:0; padding:0;}
        #main_navigation .sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
        #main_navigation .sitenav ul li a{padding:5px 10px !important; display:block; color:#1A191A; border:none;}
        #main_navigation .sitenav ul li a:hover, 
            #main_navigation .sitenav ul li.current_page_item a{color:#55134E;  border:none !important;}
        #main_navigation .sitenav ul li ul, 
        #main_navigation .sitenav ul li ul ul{ display:block !important;}
        #main_navigation .sitenav ul li ul li a:before{content:"\00BB \00a0";}
        #main_navigation .sitenav ul li ul li a{padding-left:20px !important; }
        #main_navigation .sitenav ul li ul li a{ border:none;}
        #main_navigation .sitenav ul li ul li ul li a{padding-left:30px !important;}
        #main_navigation .sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
        #main_navigation .sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}
        #main_navigation .sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
        #main_navigation .sitenav ul li:hover ul li ul, 
            #main_navigation .sitenav ul li:hover ul li:hover > ul, #main_navigation 
            #main_navigation .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
        #main_navigation .sitenav ul li:hover ul li:hover ul, 
            #main_navigation .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
        .footerinner-top {   padding: 5px 0 15px;}
    }
    @media (max-width: 900px) {
        .bannerlogo{top: 30%;left: 20%;right: 20%;}
    }
    @media (max-width: 800px) {
        .bannerlogo{top: 30%;left: 20%;right: 20%;}
        .bannerlogo h1{ font-size: 30px; }
        .bannercontent {top: 30%;	left: 20%;	right: 20%;	}
    }
    @media (max-width: 766px) {
        .footcommon {
            width: 99%;
            float: none;
            text-align: center;
            margin: 0 0 16px;
            border: 1px solid #fff;
            padding: 0 0 11px;
        }
        footer h3 {    border-bottom: none;
                       padding: 0 0 16px 0;
                       margin: 11px 0;
                       color: #ffffff;
                       text-transform: uppercase;
                       font-size: 20px;
        }
        footer li{ list-style: none; }
        .commingsoon-date-box li{ margin-bottom: 15px; }
        .pageright{ width: 88%; }
        .pageleft{width: 88%;}
        .contactforms{ width: 314px; margin: 0 auto; }

    }
    @media (max-width: 500px) {
        .bannerlogo h1{ font-size: 25px; }
        .bannerlogo p{ font-size: 15px; }
        .bannercontent {top: 15%;	left: 10%;	right: 10%;	 display: none}
        .banner_sub_heading{ display: none; }
        .contactforms{ margin: 0; }
    }

    @media (max-width: 450px) {
        .contactforms{ width: 273px; }
        .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width: 200px; }
        .wpcf7 textarea{ width: 220px; }
        footer {    width: 85%;}

    }
    @media (max-width: 410px) {
        .contactforms{ width: 230px; }
        .pageleft{width: 92%;}
        .bannerlogo {	top: 22%;	left: 10%;	right: 10%;}
        .bannercontent {top: 10%;	left: 10%;	right: 10%;}
        .pageright{ width: 87%; }
    }