/* ----------------------------------------------------------------------------------------
* Author        : WP Players
* Template Name : My Voice HTML Template 
* Version       : 1.0     
* ---------------------------------------------------------------------------------------- */ 


/* Medium Layout: 1280px. */

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


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navbar-nav {       
        margin-top: 30px;       
    }

    .navbar-nav li a {   
        margin: 16px 22px 0px 10px;   
    }

    .carousel-caption h3 {
        padding: 0;
        display: inline-block;
        line-height: 62px;
        font-family: 'Raleway', sans-serif;
        font-size: 45px;
        font-weight: bolder;
    }

    .carousel-caption {
        top: 35%;
        bottom: 0;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {    
        margin-top: 50px;        
    }

    .service{
        width: 100%;
        margin-bottom: 50px;
    }

    .service:last-child{
        width: 100%;
        margin-bottom: 0px;
    }

    .soundcloud-row{
        width: 100%;
        margin-bottom: 10px;
    }

    .soundcloud-row:last-child {
        margin-bottom: 0px;
    } 

    .soundcloud{
        margin-bottom: 40px;
    }   

    .soundfile{
        width: auto;
        height: 275px;
    }

    .post{
        padding-bottom: 60px;
    }

    .post:last-child{
        padding-bottom: 0px;
    }

    .post-date {        
        position: absolute;
        top: 0%;
        right: 25%;
        text-align: center;
    }

    #map {
        width: 100%;
        height: 350px;
    }

    .footer-area-title {   
        margin-left: 260px;        
    }

    .footer-area-desc {
        text-align: center;
    }

    .social-links {       
        margin-left: 250px;
    }

    .page-title {       
        margin-left: 240px;
    }

    .post-info {
        text-align: left;
        padding: 57px 0px;
    }

    .blog-page-content {
        margin-top: 150px;
        margin-bottom: 0px;
    }    


}



/* Mobile Layout: 767px. */

@media only screen and (max-width: 767px) {    

    .section {
        padding: 100px 0px 0px 0px;
    }
    
    .section-title h2 {        
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 35px;        
        padding-top: 0px;
        margin-top: 0px;
    }    

    .slider-area {
        padding: 0;
        background-color: #000;
        margin-bottom: 100px;
    }

    .navbar-default .navbar-toggle {
        border-color: #1c1c1c;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #1c1c1c;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        margin-top: 10px;
    }

    .carousel-caption h3 {
        padding: 0;
        display: inline-block;
        line-height: 62px;
        font-family: 'Raleway', sans-serif;
        font-size: 40px;
        font-weight: bolder;
    }

    .carousel-caption {
        top: 15%;
        bottom: 0;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 30px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        display: none;
    }

    .blog-page-post .carousel-indicators {
        position: absolute;
        bottom: 30px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        display: none;
    }

    .pad1 {
        margin-left: 0px;
    }

    .soundcloud-row{       
        margin-bottom: 0px;
    }

    .soundfile{
        margin-bottom: 30px;
    }  

    .slide-control {
        color: #1e1e1e;
        font-size: 46px;
        left: 0px;
        margin-top: -70px;
        position: absolute;
        top: 45%;
        margin: 20% 30% 40% 40%;
    }

    .post-date {        
        position: absolute;
        top: 0%;
        right: 0%;
        text-align: center;
    }

    .post-info {
        padding: 37px 10px 0px 0px;
    }

    .post-info h3 {       
        line-height: 45px;
    }

    .post-info ul {
        margin-top: 15px;
        margin-bottom: 15px;        
    }

    .btn-rm {    
        margin-top: 20px;       
    }

    .page-title {       
        margin-left: 40px;
    }

    .post{
        padding-bottom: 40px;
    }

    .post:last-child{
        padding-bottom: 0px;
    }

    .comments {        
        margin-left: 100px;
    }

    .post-slider-img{
        width: 100%;
        height:100%;
    }   

    .social {
        margin: 40px 0px 0px 45px;
    }

    .sidebar-box {
        margin-bottom: 40px;
        padding-top: 40px;
    }

    .blog-page-content {
        margin-top: 150px;
        margin-bottom: 40px; 
    }

    .mycomments ul li.comment-reply {
        padding-left: 0px;
        margin-top: 30px;
    }

    .write-comment {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #map {
        width: 100%;
        height: 300px;
    }

    .contact-form {        
        padding: 78px 30px 60px 30px;
    }

    .form-control{        
        width: 100%;        
    }

    .footer-area-title {        
        margin-left: 60px;
    }

    .input-area {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }

    .input-area2 {
        float: left;
        width: 100%;
        margin-left: 0%; 
    }

    .service{
        width: 100%;
        margin-bottom: 40px;
    }

    .service:last-child{
        width: 100%;
        margin-bottom: 0px;
    }   


}




/* Wide Mobile Layout: 480px. */

@media only screen and (max-width: 480px) {



    


}