@media only screen 
and (max-width : 320px) {
    
    
    .header .intro-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .call-to-action .btn-primary {
        padding: 15px;
        font-size: 13px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    
	.carousel-control{
		display: none;
	}
	
	#main-slide .item{
		height: 142px;
	}
	.call-to-action{
		padding: 0;
	}
	.about-us-section-1{
		padding-top: 20px;
	}
	.welcome-section{
		padding-bottom: 10px;
	}
	.form iframe{
		width: 100%;
	}
	.banner{
		margin-top: 20px;
	}
	
}


@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    
    
    .header .intro-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
	.call-to-action{
		padding: 0;
	}
	
	.about-us-section-1{
		padding-top:20px;
	}
	
	.welcome-section{
		padding-bottom: 20px;
	}
	.form iframe{
		width: 100%;
	}
	.banner{
		margin-top: 20px;
	}
	
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
	.carousel-control{
		display: none;
	}
	
    .call-to-action h1 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .call-to-action .btn-primary {
        padding: 15px;
        font-size: 13px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
}

@media only screen 
and (min-width : 481px) 
and (max-width : 600px) {
    
    
    .header .intro-text h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 35px;
        line-height: 45px;
    }
    
    .call-to-action .btn-primary {
        padding: 18px;
        font-size: 15px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    
}


@media only screen 
and (min-width : 601px) 
and (max-width : 800px) {
    
    
    .header .intro-text h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 40px;
        line-height: 45px;
    }
    
    .call-to-action .btn-primary {
        padding: 18px;
        font-size: 15px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
}

@media only screen 
and (min-width : 801px) 
and (max-width : 991px) {
    
    
    .header .intro-text h1 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    
    .header .intro-text p {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    
    .header .intro-text .btn-primary {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    
}


@media only screen 
and (min-width : 992px) 
and (max-width : 1100px) {
    
}



/* Wide */

	@media screen and (max-width: 1680px) {
		/* Carousel */

				.messages .reel {
					padding: 0 1.5em 0 1.5em;
				}

				.messages article {
					width: 30em;
					margin: 0 1.25em 0 0;
				}

	}


@media screen and (max-width: 840px) {
		/* Carousel */

			.messages {
				padding: 1.25em 0 1.25em 0;
			}

				.messages article {
					width: 18em;
					margin: 0 1em 0 0;
				}

	}


@media screen and (max-width: 736px) {
		/* Carousel */

			.messages {
				padding: 0.5em 0 1.5em 0;
			}

				.messages .reel {
					padding: 0 0.5em 0 0.5em;
					margin-bottom: 25px;
				}

				.messages article {
					width: 14em;
					padding-bottom: 2em;
					margin: 0 0.5em 0 0;
				}

					.messages article .image {
						margin-bottom: 2em;
					}
				.messages article p{

							height: 200px;
				}

				.messages .all-messages .readmore{
					width: 50%;
				}
	
	}