/* ----------------------------------------------------------------------------------------
* Author        : Barberda
* Template Name : Barberda | One Page Multipurpose Html Template
* File          : Barberda Responsive CSS file
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */



/* Medium Layout */

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


/* Tablet Layout */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav li a {
        padding: 15px 5px;
    }
	.intro-text h2 {
		font-size: 50px;
    
	}

    .portfolio-caption h4 {
        margin-top: 80px;
    }

    .action-area .btn {
        margin-top: 15px;
    }

    .tab-margin-bottom {
        margin-bottom: 50px;
    }
    
	.padding{
		padding-bottom:	40px;
	}
	
	.footer-area p{
		margin-bottom:	0px;
	}
	
	.contact-form-area {
		padding: 10px 40px;
	}
	
	.newsletter-form {
		margin-top: 30px;
	}
}

/* Mobile Layout */

@media only screen and (max-width: 767px) {
    body, p {
        line-height: 25px
    }

    
    .tlogo, .tphone, .tappoint {
        line-height: 22px;
        width: 100%;
        text-align: center;
		margin: 15px 0px
    }
    
	.tphone {
		margin-top: 0px
	}
	
	.tlogo{
		margin-top: 0px
	}
    
    .section-big {
        padding: 50px 0px
    }
    
    .section-title h2 {
        line-height: 40px
    }

    .btn, input[type='submit'] {
        margin-bottom: 0px;
        padding: 8px 20px
    }
    
    img {
        max-width: 100%
    }
    .skill-area {
        padding-top: 0px
    }

    .navbar-toggle {
        margin-right: 0px
    }
    
    .navbar-fixed-bottom .navbar-collapse,
    .sticky-menu .navbar-collapse {
        background: #fff
    }
    
    .navbar {
        min-height: 0px
    }
    
    .mainmenu .navbar-nav {
        margin: 0
    }
    
    .mainmenu .navbar-nav li {
        float: none;
        display: block
    }
    
    .mainmenu .navbar-nav li a {
        padding: 11px 15px;
        color: inherit
    }
    .mainmenu .navbar-nav li a:hover {
        color: #d29f68
    }
    
    .navbar-fixed-bottom .navbar-collapse,
    .sticky-menu .navbar-collapse {
        margin: 0 -15px;
        padding: 0;
        box-shadow: 0px 3px 5px 0px #999;
    }
    
    .navbar-toggle {}
    a.about-button {
        margin-top: 0
    }

    .opening-hours-wrap {
		background-position: center center; 
        padding: 10px 20px
	}


    #slider,
    #slider .carousel, 
    #slider .carousel .carousel-inner, 
    #slider .carousel .carousel-inner .item {
        max-height: 500px
    }

    /* service area */
    .home-services .service-box {
        padding: 0px;
    }

    /* Portfolio area */
    .work-items .item {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 15px
    }
    
    .single-testimonial p {
        font-size: 16px
    }
	
	.price-item,
	.team-member,
	.home-services .service-box,
	.single-news{
		margin-top: 15px;
	}

    .filters li {
        margin: 0px 10px
    }

    .section-title h2 {
        font-size: 30px
    }

    .contact-info,
    .video-area .accordion {
        margin-top: 30px
    }

    .action-area .btn {
        margin-top: 15px
    }

    .fun-fact {
        margin-bottom: 50px
    }
	
	.padding{
		padding-bottom:	40px
	}
	
	.footer-area p{
		margin-bottom:	0px
	}
	
	.contact-form-area {
		width: 100%;
		padding: 10px 60px
	}
	
	footer.copyright-area {
		text-align: center;
	}
	
	.copyright-text.pull-right {
		float: none !important;
		margin-top: 10px;
	}
	
	.newsletter-form {
		margin-top: 30px;
	}
	
	
	

}


/* Small Mobile Layout */

@media only screen and (max-width: 480px) {
    .author-details h4 {
        font-size: 15px
    } 
    
    .author-details .author-link a {
	    font-size: 16px;      
    }

}

/* Extra Small Mobile Layout */

@media only screen and (max-width: 320px) {
    .newsletter-form input {
        width: 80%

    }
    .newsletter-form .mc-submit {
        width: 20%

    }
    
    .single-testimonial p {
        font-size: 15px;

    }
}