@-ms-viewport {
  width: device-width;
}

@media (min-width: 768px) and (max-width: 860px) {
	.new-website{display: none;}
    .wrapper {
        width: 100%;
        padding: 0px;
        padding-top: 5px;
    }

    .header .number {
        display: none;
    }

    .header form {
        float: right;
        margin-left: 0px;
        margin-right: 10px;
    }

    .header .headerArrow {
        display: none;
    }

    ul.social {
        margin: 8px 0 0 10px;
    }

    .nav ul li {
        margin-left: 10px;
        padding-left: 10px;
    }

    .header h1.logo {
        margin-left: 0px;
    }

    .nav {
        margin-right: 10px;
    }

    .content {
        width: 100%;
    }

    .content .rightCol {
        width: 65%;
    }

    .royalSlider.minimal {
        width: 100% !important;
        height: 221px !important;
    }

    .royalSlider .royalImage {
        width: 100%;
    }

    .leftContent {
        width: 99%;
        padding-right: 1%;
    }

    .rightArea {
        float: right;
        margin-top: 20px;
    }

    .footer .foorerIn {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .royalSlider .royalSlide, .royalSlider .royalWrapper {
        background: transparent !important;
    }

    .requestFormBottom .formBottomLeft {
        display: none;
    }

    .formBottomRight {
        width: 98%;
        padding: 5px 1%;
    }

    .formBottomRight input[type='text'], .formBottomRight input[type='email'] {
        width: 90%;
    }

    .form-first-column {
        width: 29%;
    }

    .formBottomRight textarea {
        width: 120px;
    }

    .formBottomRight .form-capcha-div input[type='text'] {
        width: 180px;
    }

    .blog-post-text {
        float: none;
        width: auto;
        text-align: justify;
        padding-right: 10px;
    }

    ul.productList li .img {
        margin-right: 10px;
    }

    .footerMenu .col .leftMenu {
        margin-left: 0px;
        margin-top: 0px;
    }

    .footerMenu .col .leftMenu ul li a {
        font-size: 10px;
    }

    .footerMenu .col {
        margin-right: 40px;
    }

    .tabsArea ul.tabs li {
        margin-left: 10px;
    }

    .tabContent ul li:first-child {
        margin-left: 10px;
    }

    .tabContent ul li {
        margin-left: 25px;
    }

    .banner img {
        width: 100%;
    }

    img.collout2 {
        display: none;
    }

    ul.productList li {
        margin-left: 10px;
    }
}

@media (max-width: 767px) {
	.new-website{display: none;}
    .header .number {
        display: none;
    }

    .header form {
        display: none;
    }


    .header .headerArrow {
        display: none;
    }

    .header h1.logo {
        margin-left: 0px;
    }

    .wrapper {
        width: 100%;
        padding: 0px;
        padding-top: 5px;
    }

    ul.social {
        margin: 7px 0 0 10px;
    }



    #showBlogCategory {
        cursor: pointer;
        float: left;
        background: -moz-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(28,97,146,1)), color-stop(100%, rgba(10,54,103,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* ie10+ */
        background: linear-gradient(180deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6192', endColorstr='#0a3667',GradientType=0 ); /* ie6-9 */
        border-radius: 5px;
        color: white;
        font-size: 16px;
        font-family: 'Lato', sans-serif;
        clear: both;
        padding: 13px 2%;
        width: 96%;
        font-weight: bold;
        margin-top: 10px;
        display: block;
    }

    .leftCol .leftMenu ul li:hover a, .leftCol .leftMenu ul li.current-menu-item a, .leftCol .leftMenu ul li.current-menu-parent a {
        background: -moz-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(28,97,146,1)), color-stop(100%, rgba(10,54,103,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(270deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* ie10+ */
        background: linear-gradient(180deg, rgba(28,97,146,1) 0%, rgba(10,54,103,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6192', endColorstr='#0a3667',GradientType=0 ); /* ie6-9 */
        border-radius: 5px;
    }

    #showBlogCategory span {
        background: url(../images/blogpost-icon.png) no-repeat;
        float: left;
        background-position: left center;
        padding-left: 30px;
    }

    .leftCol .leftMenu {
        display: none;
    }

    body.show-menu-blog .leftCol .leftMenu {
        display: block;
    }

    .leftCol .leftMenu ul {
        width: 100%;
    }

    .leftCol .leftMenu ul li a {
    }

    .post-page ul li {
        margin-left: 0px !important;
        padding-left: 2% !important;
        width: 98% !important;
    }

    #menu-mobile {
        cursor: pointer;
        float: right;
        background: url(../images/menu-mobile-icon.png) no-repeat;
        width: 25px;
        height: 25px;
        clear: both;
        margin-top: -60px;
        margin-right: 10px;
    }

    .mobile-menu {
        width: 30%;
        display: none;
        z-index: 9999999;
        position: absolute;
        padding: 10px;
        margin: 0;
        float: right;
        right: 0;
        clear: both;
        background: #10497e;
        margin-top: 8px;
    }

    body.show-menu .mobile-menu {
        display: block;
    }

    .nav ul li {
        text-align: center;
        padding: 0px;
        margin: 5px 0px;
        background-image: none;
        clear: both;
        display: block;
        width: 100%;
    }

    .nav ul li a {
        text-transform: uppercase;
    }


    .content .rightCol {
        float: left;
        clear: both;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 0px;
    }

    .royalSlider.minimal {
        width: 100% !important;
    }

    .royalSlider .royalImage {
        width: 100%;
    }

    .royalSlider .royalSlide, .royalSlider .royalWrapper {
        background: transparent !important;
    }

    .royalSlider.minimal .royalControlNavOverflow {
        margin-top: -40px !important;
    }

    .leftContent {
        width: 100%;
        margin-top: 10px;
    }

    .leftContent.full-width {
        margin-top: 0px;
    }

    .rightArea {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .content .leftCol {
        background-image: none;
        float: left;
        clear: both;
        padding-top: 0px;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        min-height: 30px;
        margin-bottom: 10px;
    }

    .footer .foorerIn {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .requestFormBottom {
        width: 247px;
        margin: 0 auto;
        float: none;
        display: block;
        height: 530px;
    }

    .requestFormBottom {
        background: url(../images/formT.png) top left no-repeat;
        padding-top: 0px;
    }

    .requestFormBottom .formBottomLeft {
        background-image: none;
        padding: 0px;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        height: 69px;
        text-align: center;
        line-height: 1.9;
        float: left;
    }

    .requestFormBottom h3 {
        font-size: 16px;
        font-weight: normal;
        color: #ffffff;
        text-align: center;
        line-height: 17px;
        padding-bottom: 23px;
        text-transform: uppercase;
        font-family: 'Lato', sans-serif;
    }

    .requestFormBottom .formBottomRight {
        background: #ededed url(../images/formB.gif) bottom no-repeat;
        padding: 1px 25px 0px 25px;
        float: left;
        padding-top: 10px;
        width: 197px;
        height: auto;
        border-radius: 0px;
    }

    .requestFormBottom .formBottomRight p {
        margin: 5px 0px;
        padding: 0px;
        font-size: 12px;
    }

    .requestFormBottom .formBottomRight input[type='text'], .requestFormBottom .formBottomRight input[type='email'] {
        border: 1px solid #cecece;
        background: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #515151;
        outline: none;
        margin: 5px 0 0px 0;
        padding: 6px;
        height: 18px;
        width: 185px;
    }

    .requestFormBottom div.wpcf7-validation-errors {
        margin-top: 0px;
    }

    .requestFormBottom .formBottomRight select {
        border: 1px solid #cecece;
        background: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #515151;
        outline: none;
        margin: 2px 0 8px 0;
        padding: 6px;
        width: 190px;
    }



    .requestFormBottom .formBottomRight textarea {
        border: 1px solid #cecece;
        background: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #515151;
        outline: none;
        margin: 2px 0 8px 0;
        padding: 6px;
        height: 100px;
        width: 185px;
    }



    .requestFormBottom .formBottomRight input[type='submit'] {
        background: url(../images/requestButton.png) no-repeat;
        width: 199px;
        height: 39px;
        display: block;
        text-indent: -100000px;
        margin: 0 auto;
        outline: none;
        border: none;
        cursor: pointer;
        margin-top: 10px;
    }

    .requestFormBottom .formBottomRight input[type='submit']:hover {
        background: url(../images/requestButton-h.png) no-repeat;
    }

    .formBottomRight .form-capcha-div {
        margin-top: 0px;
    }

    .footerMenu .col .leftMenu {
        margin-left: 0px;
        margin-top: 0px;
    }

    .footerMenu .col .leftMenu ul li a {
        font-size: 14px;
    }

    .footer {
        background: -moz-linear-gradient(270deg, rgba(33,33,33,1) 0%, rgba(18,18,18,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(33,33,33,1)), color-stop(100%, rgba(18,18,18,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(270deg, rgba(33,33,33,1) 0%, rgba(18,18,18,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(270deg, rgba(33,33,33,1) 0%, rgba(18,18,18,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(270deg, rgba(33,33,33,1) 0%, rgba(18,18,18,1) 100%); /* ie10+ */
        background: linear-gradient(180deg, rgba(33,33,33,1) 0%, rgba(18,18,18,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#121212',GradientType=0 ); /* ie6-9 */
        margin-top: 10px;
        min-height: 100px;
    }

    .footerMenu .col .leftMenu ul li {
        border-left: 0px;
    }

    .footerMenu .col h4 {
        width: 100%;
        text-align: left;
        padding: 10px 0px;
        font-size: 16px;
    }
    .footerMenu .col ul li{text-align: left;}
    .footerMenu .col a, .footerMenu .col span {
        float: none;
        display: inline-block;
        text-align: left;
    }

    .footerMenu .col {
        text-align: center;
        width: 31% !important;
        margin-right: 0px;
        margin-left: 2%;
    }
    .footerMenu .col ul{width: 100% !important;}
    .footerMenu {
        padding-top: 5px;
        width: 100%;
    }

    .footerBott {
        padding-bottom: 10px;
    }

    ul.productList li {
        width: 100%;
        margin-left: 0% !important;
    }

    .blog-post-text {
        float: none;
        width: auto;
        text-align: justify;
        padding-right: 10px;
    }

    ul.productList li .img {
        margin-right: 10px;
    }

    .contentBottom .leftArea {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .contentBottom .leftArea .leftBox {
        margin: 0 auto;
        clear: both;
        float: none;
        width: 246px;
    }

    .contentBottom .leftArea .rightBox {
        margin: 10px auto;
        clear: both;
        float: none;
        width: 80%;
    }

    .contentBottom .leftArea .rightBox img {
        width: 100%;
    }

    .tabsArea ul.tabs li {
        width: 30%;
    }

    .tabsArea ul.tabs li a {
        width: 100%;
    }

    .tabContent ul li:first-child {
        clear: both;
    }

    .tabContent ul li {
        clear: both;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .contentBottom .tabContent .leftBox {
        width: 215px;
    }

    .tabContent ul li .leftBox h3 {
        text-align: center;
    }

    .tabContent ul li a.viewMore {
        margin: 5px auto;
    }

    .tabContent ul {
        width: 215px;
        margin: 10px auto;
    }

    .tabsArea ul.tabs li a {
        background-image: none;
        border-radius: 5px 0px 0px 0px;
    }

    .tabsArea ul.tabs li:hover a, .tabsArea ul.tabs li.active a {
        background-color: #10497e;
        background-image: none;
    }

    .mapBox {
        display: none;
    }
    .aboutbox{clear: both;margin: 10px auto;}
    .banner{width: 100%;}
    .banner img{width: 100%;}
    ul.productList{width: 215px;margin: 10px auto !important;}
    .leftContent img.collout2{display: none;}
     ul.social {
        margin: 8px 0 0 10px;
    }
}

@media (max-width: 580px) {
    .sliderArea {
        display: none;
    }

    .leftContent.home-page h2 {
        font-size: 15px;
    }

    .blog-post-text {
        float: none;
        width: auto;
        text-align: justify;
        padding-right: 10px;
        padding-left: 10px;
        clear: both;
    }

    ul.productList li .img {
        margin-right: 0px;
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    ul.productList li .img img {
        margin: 0 auto;
    }

    ul.productList li h3 {
        text-align: center;
    }

    .footerBott p {
        float: none;
        text-align: center;
        clear: both;
    }

    .footer-logo {
        float: none;
        clear: both;
        margin: 10px auto;
    }
    .tabsArea ul.tabs li{margin-left: 2px;}
    .tabsArea ul.tabs li a{font-size: 10px;padding-left: 5px;}
    .tabsArea{display: none;}
    .leftContent img{width: 100%;height: 100%;}
    .rightArea{margin-top: 20px;clear: both;}
    .leftContent{margin-bottom: 5px;}
    ul.productList li{height: auto;}
    ul.productList li a.viewButon{margin: 10px auto;}
    .leftContent img.collout2{display: none;}
    .home-estimate-form p.full{width: auto;float: left;clear: both;}
    .leftContent img.wpcf7-captchac{width: auto;} 
    div.wpcf7 img.ajax-loader{width: auto;height: auto;}   
    .rightCol .leftContent p .size-full{width: 100%;}
}