/* Responsive changes */

@media only screen and (max-width: 1200px) {
    #home {
        background-size: 160%;
    }
}

@media (max-width: 979px) {
    .row {
        margin-right: 5px;
        margin-left: 5px;
    }
}

@media (max-width: 767px) {
    .footer_sidebar .col-md-3 {
        padding-bottom: 30px;
    }
    section header h1 {
        padding: 45px 20px 0 20px !important;
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .page_section header {
        padding-bottom: 15px;
    }
    .page_section header div.container p {
        font-size: 24px !important;
        padding-bottom: 30px !important;
    }
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .container {
        margin-left: 20px;
        margin-right: 20px;
    }
    .top_line {
        display: none;
    }
    .socials, .copyright {
        float: none !important;
    }
    .copyright {
        padding: 5px;
    }
}

@media (max-width: 500px) {}

@media (max-width: 480px) {}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .navmenu ul li {
        width: 115px;
        /*padding:0 5px 0 12px;*/
    }
    .socials, .copyright {}
    .copyright {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
    .col-md-12 .carouselslider {
        width: 940px;
    }
    .col-md-6 .carouselslider {
        width: 458px;
    }
    .col-md-4 .carouselslider {
        width: 298px;
    }
    .col-md-3 .carouselslider {
        width: 220px;
    }
    .col-md-8 .carouselslider {
        width: 618px;
    }
    .col-md-9 .carouselslider {
        width: 700px;
    }
}

@media only screen and (max-width: 459px) {
    .carouselslider ul li {
        padding: 0 0 0 20px !important;
    }
    .margin-fixer {
        margin-left: -20px!important;
        height: auto!important;
    }
    .col-md-12 .carouselslider, .col-md-6 .carouselslider, .col-md-4 .carouselslider, .col-md-3 .carouselslider, .col-md-8 .carouselslider, .col-md-9 .carouselslider, .col-md-12 .items6 li, .col-md-12 .items5 li, .col-md-12 .items4 li, .col-md-12 .items3 li, .col-md-12 .items2 li, .col-md-12 .items1 li, .col-md-6 .items6 li, .col-md-6 .items5 li, .col-md-6 .items4 li, .col-md-6 .items3 li, .col-md-6 .items2 li, .col-md-6 .items1 li, .col-md-4 .items6 li, .col-md-4 .items5 li, .col-md-4 .items4 li, .col-md-4 .items3 li, .col-md-4 .items2 li, .col-md-4 .items1 li, .col-md-4 .items6 li, .col-md-4 .items5 li, .col-md-3 .items4 li, .col-md-3 .items3 li, .col-md-3 .items2 li, .col-md-3 .items1 li, .col-md-8 .items6 li, .col-md-8 .items5 li, .col-md-8 .items4 li, .col-md-8 .items3 li, .col-md-8 .items2 li, .col-md-8 .items1 li, .col-md-8 .items6 li, .col-md-9 .items5 li, .col-md-9 .items4 li, .col-md-9 .items3 li, .col-md-9 .items2 li, .col-md-9 .items1 li {
        width: 260px!important;
    }
    .logo {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        width: 250px;
        height: auto;
    }
}

@media only screen and (max-width: 760px) {
    li {
        line-height: 22px;
    }
    h1 {
        font-size: 20px;
        margin: 40px 0 15px;
        line-height: 26px;
    }
    h2 {
        font-size: 18px;
        line-height: 22px;
        margin: 10px 0 30px 0;
    }
    .slidebar li a {
        line-height: 18px;
        display: block;
        padding: 1em 2em !important;
        font-size: 16px;
        font-color: #ddd !important;
        font-weight: 400;
        color: #FFFFFF !important;
    }
    .slidebar li a:hover {
        color: #A2C516 !important;
    }
    .slidebar li.active {
        background: #242424;
    }
    .filter_navigation ul li ul li {
        margin-bottom: 5px !important;
    }
    #top header {
        height: auto !important;
        padding: 30px 0;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }
    #top header #logo {
        padding: 0;
    }
    #top header #logo img {
        height: 33px !important;
        width: auto !important;
    }
    .mobile_menu li a span {
        display: none !important;
    }
    #top header .container {
        position: relative;
    }
    #home, .single_page .page_section {
        padding-top: 0;
        background: #CC007B none repeat scroll 0% 0%;
    }
    #company {
        background-size: 50%;
        padding-top: 220px;
    }
    .fixed-menu, .fixed-menu:before, .fixed-menu:after {
        display: none!important;
    }
    .fixed-menu {
        display: none !important;
    }
    #top header nav {
        display: none !important;
    }
    .service {
        text-align: center;
        margin-top: 0;
        padding-right: 0;
        color: #FFFFFF;
    }
    form textarea, form input {
        padding: 11px !important;
    }
    input.resetBtn, input.sendBtn {
        width: 100% !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .middle_line {
        position: absolute !important;
        top: 0;
    }
    .main-service {
        text-align: center !important;
    }
    .zoom {
        display: none !important;
    }
    h4.title {
        font-size: 16px;
    }
    .content_section {
        padding: 0 0 60px 0;
    }
    .image-grid .element {
        padding: 0;
    }
    .go-top {
        display: none !important;
    }
    .social li {
        width: 200px;
        margin: 10px 0;
    }
    .sb-slidebar ul li a {
        font-size: 28px;
    }
    .price-list {
        padding-bottom: 45px;
    }
    .price-title {
        font-size: 36px;
    }
    .page_section header div.container p, .main_section header div.container p, .alt_section header div.container p {
        font-size: 24px;
    }
    .price-info li {
        padding-bottom: 6px;
    }
    #cookieChoiceInfo:hover a {
        visibility: hidden;
    }
    #cookieChoiceInfo:hover {
        width: 245px;
    }
    .button {
        width: auto;
    }
    .margin-bottom-sm {
        width: 100% !important;
    }
    .logo {
        margin: 0% 25%;
        width: 50%;
        text-align: center;
        position: relative;
        height: auto;
    }
    #mobtop {
        background: #FFFFFF;
    }
    .breadcrumb {
        margin: 15px -20px 0;
    }
    .breadcrumbmain {
        color: #162B75;
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
        text-align: center;
    }
    .container {
        padding: 0 0 20px 0;
    }
    .button {
        margin: 20px 6px;
    }
    #fields {
        background: none;
    }
    .callus img {
        display: none
    }
    .callus p, span, i {
        width: 100%;
    }
    .faq span.faqans {
        padding: 10px 0 0 10px;
    }
    .faq i {
        display: none;
    }
    .footer {
        background-image: none;
    }
    .box {
        padding-top: 1px;
        margin-top: 30px;
    }
    .main-photo {
        background-size: 175% !important;
        height: 200px;
    }
}

@media only screen and (min-width: 760px) {
    #mobtop {
        background: #FFFFFF;
        z-index: 0;
    }
    .logo {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        width: 210px;
        height: auto;
    }
}

@media only screen and (min-width: 990px) {
    .logo {
        /*position: absolute;*/
        display: block;
        background: #FFFFFF;
        z-index: 99;
        padding: 0;
        padding-top: 50px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 992px) {
    .content_section {
        padding: 0 20px 40px;
    }
    .breadcrumb {
        margin: 15px -30px 0;
    }
    .breadcrumbmain {
        font-size: 18px;
    }
    .button {
        margin: 12px -15px 10px 25px;
    }
    #map-canvas {}
    .fright {
        float: none;
        text-align: center;
    }
    #cookieChoiceInfo {
        display: none;
    }
    .flex-caption {
        font-size: 28px;
    }
    .flex-direction-nav a {
        bottom: 5%;
    }
}

@media only screen and (max-width: 482px) {
    .contact_info i {
        display: none;
    }
    .contact_info span {
        margin-left: 0;
    }
}

@media only screen and (max-width: 482px) {
    .contact_info i {
        display: none;
    }
    .contact_info span {
        margin-left: 0;
    }
}