/*
* ------------------------------------------------------------------
*
* Project: 
* Version: 1.0
* Created : 22/10/2019
* Template URI: 
* Author Name: Shelley C Antony
* Author URI: http://www.fshdesign.org/
* Description: Roofing
* Developer: Fsh Design
*
*
* -------------------------------------------------------------------
*/
/* Show in Large desktops and laptops */
@media (min-width: 1200px) {
}

/*Hide in Other Small Devices */


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

.btn-theme-viol {
	margin: 10px;
	width: 93%;
}
.mediaIcon {
	max-width: 31px;
	height: 31px;
	line-height: 31px;
	font-size: 13px;
}
.welcome .Sline {
	font-size: 17px;
}
.Haboutarea-right .Sline {
	font-size: 33px;
}
.social p {
	text-align: center;
	float: none;
}
.topHead {
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-brand {
	margin-right: 22px;
	width: 80%;
}
/*.carousel-caption {
	bottom: 2%;
}*/
.carousel-caption h3 {
	font-size: 14px;
}
.carousel-caption h3 span {
	font-size: 14px;
}
.btn-caption {
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.leftMedia .mediaIcon {
	width: 20%;
}
.leftMedia .mediacontent {
	width: 80%;
}
.rightMedia .mediaIcon {
	width: 20%;
}
.rightMedia .mediacontent {
	width: 80%;
}
.leftMedia .mediaIcon {
	float: right;
}
.leftMedia .mediacontent {
	float: right;
	text-align: left;
	padding-left: 5%;
}
}
 @media (min-width:769px) and (max-width:991px) {
.portfolio_images_overlay {
	padding: 0px;
}
}
 @media (max-width:768px) {

	 nav ul {
    background-color: #0193dd;
	 }
	 .topHead {
		 text-align:center;
	 }
	 .social .pull-right {
    float: none;
}
.facilities .Sline {
    padding-top: 15px;
}

	 .navigation .short-menu {
    /*background-color: #000;*/
	 }
	 .navigation .branding-section {
    /*background-color: #000000 !important;*/
	 }
	 .carousel {
    margin-top: 145px;
}
	 .welcomeBg {
    padding-top: 20px;
	 }
	 .facilities {
    padding-bottom: 25px;
}
	 .featureBox {
    position: unset;
	
    margin-top: 0px;
    margin-bottom: 20px;

}
.welcome {
    padding-top: 0px;
}
.featureBox .boxed {
    background-image: none !important;
}

.portfolio_images_overlay {
	padding: 170px 20px;
}
.top-padding {
    margin-top: 142px;
}
}
 @media (max-width:580px) {
	 	 .carousel {
    margin-top: 160px;
}
	.logoText {
    padding-top: 0px;
	font-size: 26px;
    line-height: 19px;
}
.logoText span {
    font-size: 10px;
}
	 	.brand {
    width: 192px;
    padding-left: 15px;
	padding-top: 7px;
}
	 .nav-mobile {
    margin-top: 6px;
	 }
	 .top-padding {
    margin-top: 164px;
}
	 .caption-button {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 12px;
}
	 .carousel-item {
    height: auto !important;
    min-height: 115px !important;
	 }
.portfolio_images_overlay {
	padding: 100px 20px;
}
}
 @media (max-width:480px) {
.portfolio_images_overlay {
	padding: 40px 20px;
}
}
 @media (max-width:320px) {
.portfolio_images_overlay {
	padding: 20px;
}
}

@media (min-width:769px) {
	 .mobile  {
    display: none;

	 }
}
 @media (max-width:768px) {
	 .desktop  {
    display: none;
	 }
	 	 .carousel {
    margin-top: 8px;
}
.toper {
    margin-top: 18px;
}

.carousel-control-next, .carousel-control-prev {
    bottom: -40%;
}
	 .carousel-caption{
		 bottom: 30%;
    right: auto !important;
    left: auto !important;

	 }
	.breadcrump {
    padding-top: 150px;
    margin-top: 125px;

}
nav ul li a, nav ul li a:visited {
    color: #fff;
}
}