@charset "utf-8";
/* CSS Document */


@media screen and (max-width:768px) {

.navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
	
	

.navbar > .container .navbar-brand-centered, .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -89px;
}



.navbar-inverse .navbar-brand {
    color: #000;
    background: #000 none repeat scroll 0% 0%;
    line-height: 38px;
    border-radius: 0px 40px;
    width: 140px;
}


div{
	width:100%;
}



body h1 { font-size:24px; }

.logo-image {
    width: 40%!important;
    margin-top: 70px!important;
}

.text-slide { font-size:16px; } 

.underbanner p {
    font-size: 17px;
    padding: 0px;
    text-shadow: -3px 3px 0px #000;
}




.contact-us {
   	text-align: center;
    margin: 25px 0px;
    padding: 10px;
    width: 100%;
}



.team {
	width:100%;
}





.brandimg {  
    width: 100%;
}



.lots-feature {
    padding: 20px 5px;
	
}

.cli {
	width:100%;
}

.pdfdiv {
    position: fixed;
    top: 425px;
    right: -740px;
    z-index: 9999;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}

.pdfdiv:hover {
    position: fixed;
    top: 425px;
    right: -665px;
   
}


}


@media screen and (max-width:360px) {

.port {
    position: fixed;
    top: 17px;
    z-index: 99999;
    left: 147px;
    font-size: 13px;
    color: #FFF;
    font-weight: 800;
    border-bottom: 3px solid transparent;
    transition: all 0.5s ease-in-out 0s;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
    color: #FFF;
}

.navbar > .container .navbar-brand-centered, .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -179px;
    width: 120px;
    height: 50px;
}


div{
	width:100%;
}

body h1 {
	font-size:24px!important;
}

body h2 {
	font-size:14px!important;
}

body h3 {
	font-size:12px!important;
}


body {
	font-size:10px!important;
}

body p {
	font-size:14px;
}

.info h4 {
    font-size: 14px!important;
}

.services p {
    padding: 5px;
    font-size: 13px!important;
}

.carousel-inner {
    position: relative;
    width: 100%!important;
    overflow: hidden;
    font-size: 8px;
}

.img-responsive {
    border: 1px solid #3DFEFF;
    margin-left: 40px!important;
    margin-bottom: 20px!important;
}


.media-carousel {
    margin-bottom: 0px;
    padding:0px 0px 30px;
    margin-top: 30px;
    text-align: -moz-center;
}



.brandimg {
    width: 95%!important;
}







.logo-image {
    width: 40%!important;
    margin-top: 70px!important;
}

.text-slide { font-size:20px;
				margin-bottom:10px;} 

.underbanner p {
    font-size: 13px!important;
    padding: 0px;
    text-shadow: -3px 3px 0px #000;
}



.team { width:100%; }






.media-carousel .carousel-control.right {
    right: 50px !important;
}

.media-carousel .carousel-control.left {
    left: 24px;
}



#quote-carousel .carousel-control.right {
    right: 345px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}

.cli {
	width:100%;
}

}


@media screen and (max-width:320px) {

.port {
    position: fixed;
    top: 17px;
    z-index: 99999;
    left: 110px;
    font-size: 13px;
    color: #FFF;
    font-weight: 800;
    border-bottom: 3px solid transparent;
    transition: all 0.5s ease-in-out 0s;
}

.navbar > .container .navbar-brand-centered, .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -160px;
    width: 79px;
    height: 49px;
}




div{
	width:100%;
}

body h1 {
	font-size:24px!important;
}

body h2 {
	font-size:14px!important;
}

body h3 {
	font-size:12px!important;
}

body {
	font-size:10px!important;
}

body p {
	font-size:14px!important;
}


.services p {
    padding: 5px;
    font-size: 13px!important;
}

.info h4 {
    font-size: 14px!important;
}


.logo-image {
    width: 40%!important;
    margin-top: 70px!important;
}

.text-slide { font-size:20px; } 

.underbanner p {
    font-size:13px;
    padding: 0px;
    text-shadow: -3px 3px 0px #000;
}


.team { width:100%; }


.brandimg {
	margin-top: -4px;
}

.media-carousel .carousel-control.left {
    left: -13px;
}



.media-carousel .carousel-control.right {
    right: -12px !important;
}



.cli {
	width:100%;
}
	

}