.desktop-view {display: block;}
.desktop-view-map {display: block;}
.mobile-view {display: none;}
.mobile-view-map {display: none;}

/*@media screen and (max-width: 1024px) {
    #contact .content-inner {text-align: center;}
    #products .product-item .product-img {width: initial; margin-bottom: 20px;}
    #products .product-item .product-desc {margin-left: initial; width: initial;}
    #products .product-item .product-desc p:first-child {color: green;}
    #products .col-md-6 {flex: initial; max-width: initial;}
    #products .product-item {display: initial; text-align: center;}
}*/

@media screen and (max-width: 992px) {
    #content {margin-left: 15px; margin-right: 15px;}
    .desktop-view {display: none;}
    .desktop-view-map {display: none;}
    .mobile-view {display: block;}
    .mobile-view-map {display: block;}    
    .container-fluid {padding-left: 0; padding-right: 0;}
    
    #logo {
        height: auto;
        margin-left: 15px;
        margin-bottom: 20px;
    }
    
    #logo img {
        width: 250px;
        height: auto;
    }

    #mainmenu {
        display: none;
    }
        
    #mainflash {
        position: relative;
        top: 0;
        right: 0;
    }
    
    #mainflash img {
        width: 250px;
        height: auto;
    }
    
    #footer {
        display: none;  
    }
    
    .footer-menu {
        margin: 30px 15px 0 15px;
        text-align: center;
    }
    
    .footer-menu a {
        color: #000;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        line-height: 2em;
        font-size: 15px;
    }
    
    .footer-menu p {
        margin: auto;
        margin-top: 25px;
        font-size: 14px;
    }
    
    .product-item {
        display: block;
    }
    
    .product-item .product-img {margin: auto;padding-bottom: 30px;text-align: center;width: initial}
 
    .product-item .product-desc {
        margin: auto;
        text-align: center;
        width: 100%;
    }
    
    .service-img {
        display: none;
    }
    
    #services .desc {
        text-align: center;
    }
    
    #service-header {
        text-align: center;
        margin: 20px auto;
        border-bottom: 3px solid #9dc066;
        width: 80%;
    }

    #service-header img {
        max-width: 200px;
    }
    
    .embed-responsive {
        height: auto;
    }

    .content-inner { padding: 30px 35px 0px 35px !important; }
    .sb-toggle-right.navbar-lefts {display: block; font-size: 35px; margin-right: 15px; margin-top: 5px; top: 24px;}    
    #homepage .content-body p {font-size: 15px;text-align: center;line-height: 23px;}
    .mobile-headers h2 { text-align: center; padding: 10px 0px 15px 0px; font-weight: initial; font-size: 23px; font-style: initial;}
    #homepage .content-inner h2 { font-weight: initial; font-size: 23px; font-style: initial; }
    #homepage .content-body ul {line-height: 23px !important;font-size: 15px;margin-top: 30px;}
    #products .product-item .product-desc p {margin: 0; line-height: 23px; font-size: 15px;}
    #products .product-item .product-desc p:first-child {color: green; margin-bottom: 10px;}
    #service-header h2 { margin-bottom: 20px; font-weight: initial; font-style: initial; font-size: 23px}
    #services .desc {font-size: 15px;text-align: center;}
    #services .desc p { line-height: 23px; margin-bottom: 25px !important; margin-top: 25px; }
    #services .desc a { text-decoration: underline; }
    #about .content-body p { font-size: 15px; line-height: 23px; text-align: center !important; padding-bottom: 10px; }
    #contact .content-body p { font-size: 15px; line-height: 23px; text-align: center;}
    #about #content {padding-bottom: 10px;}
    #about .row .col-md-6 p:last-child { line-height: 13px; }
    #about .mobile-headers img { padding: 20px 40px 30px 40px; width: 100%; }
    #services #content {padding-bottom: 10px;}

}

@media screen and (max-width: 768px) {
    #services .row {justify-content: center;}
    #services .col-md-8 {flex: initial; max-width: initial; }
    .desktop-view-map {display: block;}
    .mobile-view-map {display: none;}
    #about .content-body .col-md-6 {flex: initial; max-width: initial;}
    #products .col-md-6 {flex: initial; max-width: initial; }
}

@media screen and (max-width: 360px) {
    .mapouter {width: initial !important;}
    .gmap_canvas {width: initial !important;}
}