@media only screen 
and (max-width : 320px) {
    #home{
	height:850px;
	}
	#home2{
	height:1050px;
	}
	#home3{
	height:520px;
	}
	#home5{
	height:1500px;
	}
	#home6{
	height:480px;
	}
    #home8{
	height:1050px;
	}
	#home9{
	height:679px;
	}
    .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;
    }
	
.menu-wrap {
    height: 100%;
    padding: 2.5em 0;
	width: 260px;
}
.imglogo{
	width:60%;	
}
.menu-wrap a {
    padding: 3px !important;
}
footer {
    font-size: 0.8em;
}

.header .intro-text1 p {
    font-size: 1em;
	font-weight:inherit;
    letter-spacing: 1px;
    line-height:25px;
	text-align:justify;
	padding:0 10px;
}
.header .intro-text1 h1 {
    font-size: 1.5em;
    letter-spacing: 5px;
    line-height: 5px;
}
    .intro-text1 {
    top: 120px;
    position: absolute;
}

.header .intro-text2 p {
    font-size: 1em;
	font-weight:inherit;
    letter-spacing: 1px;
    line-height:25px;
	text-align:justify;
	padding:0 10px;
}
.header .intro-text2 h1 {
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 20px;
}
    .intro-text2 {
    top: 120px;
    position: absolute;
}
.dl-menuwrapper {
	left: 18px;
	top: 70px;
}
.modal-content {
	width:95%;
	padding: 0 15px;
}
}


@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;
    }
    
    .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;
    }
    
	#home{
	height:850px;
	}
	#home5{
	height:1500px;
	}
	#home8{
	height:900px;
	} 
	
	.header .intro-text1 p {
    font-size: 1em;
	font-weight:inherit;
    letter-spacing: 1px;
    line-height:25px;
	text-align:justify;
	padding:0 10px;
}
.header .intro-text1 h1 {
    font-size: 1.5em;
    letter-spacing: 5px;
    line-height: 5px;
}
    .intro-text1 {
    top: 120px;
    position: absolute;
}

.menu-wrap {
    height: 100%;
    padding: 2.5em 0;
	width: 200px;
}
.imglogo{
	width:60%;	
}
.menu-wrap a {
    padding: 3px !important;
}
footer {
    font-size: 0.8em;
}
    .dl-menuwrapper {
	left: 18px;
	top: 70px;
}
.header .intro-text2 h1 {
    font-size: 1.5em;
    letter-spacing: 5px;
    line-height: 20px;
}
.headera .intro-texta h1 {
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 20px;
}
.modal-content {
	width:95%;
	padding: 0 25px;
}
}

@media only screen 
and (min-width : 481px) 
and (max-width : 600px) {
    
    #home5{
	height:1500px;
	}
    .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;
    }
    
    .copyright {
        text-align: center;
    }
    
    .modal-content {
	width:95%;
	padding: 0 25px;
}
}


@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;
    }
    .modal-content {
	width:95%;
	padding: 0 25px;
}
}

@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;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    .modal-content {
	width:95%;
	padding: 0 25px;
}
    
}


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