/*
* ------------------------------------------------------------------
*
* Project: 
* Version: 1.0
* Created : 29/12/2018
* 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: 35px;
}
.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: 1rem;
}
.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) {
                .portfolio_images_overlay{
                    padding: 170px 20px;
                }
            }
            @media (max-width:580px) {
                .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;
                }
            }