@charset "utf-8";

/* CSS Document */



/* @import url('css/font-awesome.min.css');*/



/* In html file */

/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta content="width=device-width, initial-scale=1" name="viewport">

<meta name="viewport" content="width=device-width">*/



/**

 * 8.0 Media Queries

 * ----------------------------------------------------------------------------

 */



/* Does the same thing as <meta name="viewport" content="width=device-width">,

 * but in the future W3C standard way. -ms- prefix is required for IE10+ to

 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor

 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.

 */

@-ms-viewport {

	width: device-width;

}

@viewport {

	width: device-width;

}



@media (max-width: 1599px) {

}



@media (max-width: 1069px) {



}



@media (max-width: 999px) {







}



/* Collapse oversized image and pulled images after iPad breakpoint. */

@media (max-width: 767px) {

.ss-box {
    
    height: inherit !important;
   
}

	.copyright p {

    text-align: center;

    font-size: 12px;

    margin-bottom: 15px;

}





.fex-box {

    margin-bottom: 24px !important;

}



.home-about img {

    display: none !important;

}



.contact-home img {

    display: none !important;

}



.cont-fom {

    background: #49b337;

    padding: 26px;

    margin-bottom: 51px;

}

.mid-footer p {

    margin: 4px 0px;

    text-align: center;

}



.mega-menu.show {

    width: 100% !important;

    height: 300px !important;

    overflow: hidden !important;

    overflow-y: scroll !important;

    left: 1px !IMPORTANT;

}





.left {

    margin-left: 0px;

    width: 93%;

    float: none !IMPORTANT;}





a.navbar-brand {

    width: 179px;

}

.top-header {

    display: none;

}

.main-header {

    border-top: 3px solid #123b5d;

}



..mega-menu.show {

  

    width: 100% !IMPORTANT;

    left: 3px !IMPORTANT;

}



.left {

 

    width: 100%;

    float: none;

    padding-left: 3px;

}



    .contact-us-b {

    padding: 15px;

}





.contact-us-a {

    padding: 15px;

}





}



@media (max-width: 643px) {



}



@media (max-width: 480px) {





	



li.title {

    margin: 0px !important;

    margin-top: 26px !important;

    margin-bottom: 35px !important;

}



.p-box {

    width: 100%;

    margin-bottom: 38px;

}



.service-icon-cell::before {

   

    content: "";

    height: 24px;

    margin-top: 0;

    position: absolute;

    left: 95px;

    top: 263%;

    width: 3px;

    background: #aaaaaa;

}

button.btn.btn-cu-a.float-right {

    float: none !important;

    margin: auto !IMPORTANT;

    text-align: center;

    display: block;

}

.getintouch p {

    text-align: center;

    font-size: 17px;

    margin-bottom: 11px;

}



.getintouch p span {

    display: block !important;

}





section.slider img {

    display: none !IMPORTANT;

}



.slider-caption.mt-3 {

  

    margin: 35px 0px !important;

}



.slider h2 {

    font-size: 24px;

}





li.nav-item {

    padding: 11px 0px;

    background: #123b5d38;

    margin-bottom: 5px;

    color: #fff !IMPORTANT;

}





}



/* Mobile devices */

@media (max-width: 359px) {



}

/**

 * 9.0 Print

 * ----------------------------------------------------------------------------

 */



/* Retina-specific styles. */

@media print,

	(-o-min-device-pixel-ratio: 5/4),

	(-webkit-min-device-pixel-ratio: 1.25),

	(min-resolution: 120dpi) {



}



@media print {



}