/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 321px) {
    /* Styles */
    nav ul {
        margin-left: 5px;
    }
    
    nav ul li {
        margin: 5px;
        padding-left: 5px;
    }
    
    #home {
        background: url('./img/bluenoise.png');
        background-repeat: repeat;
        background-color: #1676bc;
        padding: 10px;
        color: #FFFFFF;
        -moz-opacity: 1;
        opacity:1;
    }
    
    header {
        max-width:              100%;
        margin-bottom:          10px;
        overflow:               hidden;
        border:                 0px solid #000000;
        padding:                10px;
        box-shadow:             1px  1px 1px 1px #888888;
        background-color:       #ffffff;
        padding-top:            50px;
    }
    
    .logo {
        margin-left: 10px;
    }
    
    .header_contact_header 
    {
        display: none;
    }
    
    .header_contact_container {
        margin-right: 15px;
    }
    
    .welcome_text {
        width: 95%;
    }
    
    .header_contact_container {
        max-width: 70%;
        float: right;
        margin-right: 100px;
        position: relative;
    }
    
    .container {
        margin-top: 10px;
    }
    
    .slider {
        padding: 10px;
        width: 95%;
        float: left;
        min-height: 250px;
        max-width: 550px;
    }
    
    #slides .slidesjs-container {
        border: 0px solid #002C5F;
        max-width: 550px;
    }
    
    .main_left {
        float: left;
        width: 95%;
    }
    
    .main_left_home {
        float: left;
        width: 90%;
    }
    
    .main_middle {
        width: 90%;
        float: left;
        margin-top: 10px;
        margin-left: 20px;
    }
    
    .main_middle_about {
        width: 95%;
        float: left;
        margin-top: 10px;
    }
    
    .main_right {
        width:90%;
        float: left;
        margin-top: 10px;
        margin-left: 20px;
    }
    
    /** blockquote styles **/
    .bq2 { 
        width: 90%; 
     }
    
    .bq2 .source { 
        width: 90%; 
     }
    
    .appointment   {
        width: 80%;
    }
    
    .btn {
        width: 80%
    }
    
    #form button {
        margin-left: 50px;
    }
    
    .qualification_images {
        margin-top: 50px;
    }

}
/* End of smartphones landscape */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
    /* Styles */
    
    footer {
        min-height: 150px;
        padding: 5px;	
        position: relative;
    }
    
    .copy_left {
        position: relative;	
        left: 5px;
    }
    
    .copy_right {
        position: absolute;
        left: 5px;
        bottom: 10px;
        top: 85px;
    }
    
    nav ul {
        margin-left: 1px;
    }
    
    nav ul li {
        margin: 3px;
        padding-left: 2px;
    }
    
    #home {
        background: url('./img/bluenoise.png');
        background-repeat: repeat;
        background-color: #1676bc;
         -moz-opacity: 1;
         opacity:1;
         color: #FFFFFF;
    }
    
    #push_button {
        padding-left: 5px;
    }
    
    .logo {
        margin-left: 5px;
    }
    
    .header_contact_header {
        display: none;
    }
    
    .header_contact_container {
        max-width: 100%;
        float: left;
        margin-right: 1px;
    }
    
    .welcome_text {
        padding: 5px;
        width: 100%;
    }
    
    .welcome_text h1 {
        font-size: 1.5em;
        margin-bottom: 5px;
        margin-left: 3px;
    }
    
    .welcome_text p {
        margin-left: 10px;
        padding: 0 5px 5px 5px;
    }
    
    .main_left {
        float: left;
        width: 100%;
        padding: 5px;
    }
    
    .main_left_home {
        float: left;
        width: 85%;
    }
    
    .main_middle {
        width: 85%;
        float: left;
        margin-left: 20px;
    }
    
    .main_middle_about {
        width: 100%;
        margin-left: 10px;
    }
    
    .main_right {
        width:85%;
        float: left;
        margin-left: 20px;
    }
    
    h2 {
        margin-right: 10px;
    }
    
    /** About page **/
    .about_image {
        float: left;	
    }
    
    /** Reading / Woking pages **/
    .map {
        margin: 1px;
    }
    
    /** blockquote styles **/
    .bq2 { 
        width: 95%; 
    }
    
    .bq2 .source { 
        width: 95%; 
     }
    
    .appointment  {
        width: 85%;
    }
    
    .btn {
       width: 80%;
    }
    
    #form {
        min-width:200px;
        max-width:250px;
        padding:5px;
        border:2px solid #1676BC;
    }
    
    #form div {
        margin-top:5px;
    }
    
    #form input, textarea, button {
        width:90%;
    }
    
    #form button {
        margin-left: 10px;
        width: 80%;
    }
    
    .contact_area {
        margin: 10px;
    }
    
    .qualification_images {
        margin-top: 10px;
        width: 100%;
    }
    
    .qual1 {
        padding-right: 5px;
        float: left;
        width: 250px;
        overflow: hidden;	
    }
    
    .qual2 {
        padding-left: 5px;
        float: left;
        width: 100px;
        overflow: hidden;
        margin-top: 10px;
        padding-bottom: 10px;
    }
    
    .contact_thanks {
        margin: 0 auto;
        text-align: center;
        padding: 40px;
    }
    
    img {
        float: left;
        overflow: hidden;
    }
    
    .slider {
        padding: 10px;
        width: 95%;
        float: left;
        max-width: 300px;
    }
    
    #slides .slidesjs-container {
        border: 0px solid #002C5F;
        max-width: 300px;
    }

}
/* End of Smartphone portrait */

/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width : 768px) and (orientation : portrait) {
/* Styles */

nav ul {
	margin-left: 10px;
}

nav ul li {
	margin: 10px;
}

.logo {
	max-width: 30%;
	float: left;
	margin-left: 20px;
}

.header_contact_container {
	margin-right: 25px;
}

.appointment  {
	width: 45%;
}

.welcome_text {
	width: 90%;
}

.container {
	margin-top: 5px;
}

.slider {
	padding: 10px;
	width: 95%;
	float: left;
	min-height: 250px;
	margin-left: 20px;
}

.main_left_home {
	width: 40%;
}

.main_right {
	width: 95%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.main_left {
	float: left;
	width: 45%;
	margin-left: 10px;
}

.main_middle {
	width: 45%;
	float: left;
	margin-top: 10px;
	padding-left: 10px;
}

.qualification_images {
    margin-top: 10px;
    padding-bottom: 10px;
}

}
/*End of iPad landscape*/

/* iPads (landscape) ----------- */
@media only screen and (min-width: 1024px) and (max-width : 1024px) and (orientation : landscape) {
/* Styles */

.main_middle {
	width: 34%;
	float: left;
	margin-top: 10px;
}

.btn {
	width: 65%;
}

}
/*End of iPad landscape