/*
* ----------------------------------------------------------------------------------------
* ----------------------------------------------------------------------------------------
Template Name: PREMEX Onepage Business Template
Author       : Golam
Author URI   : http://golamnabi.com
File Name    : Responsive CSS
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/


/*
*================================================================== -->
* Medium Screen [992px into 1280px]
*================================================================== -->
*/

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


/*
*================================================================== -->
* Tablet Screen [768px into 991px]
*================================================================== -->
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    /*====== Css For General style ===============
    ===============================================*/
    .service-area .area-title p,
    .team-area .area-title p,
    .portfolio-area .area-title p,
    .client-area .area-title p,
    .pricing-area .area-title p,
    .testimonial-area .area-title p,
    .contact-area .area-title p,
    .call-to-action-text p {
        padding: 0 70px;
    }
    
    .area-margin-row {
        margin-top: 100px;
    }
    
    
    /*====== Css For Header Area ==================
    ===============================================*/
    .logo {
        text-align: center;
    }
    
    .main-menu ul > li > a {
        font-size: 12px;
        padding: 20px 10px;
    }
    
    .logo a {
        font-size: 20px;
        padding: 10px 10px;
    }
    
    .wellcome-text h1 {
        font-size: 45px;
        line-height: 1.3em;
    }
    
    .wellcome-text p {
        padding: 0 70px;
    }
    
    
    /*====== Css For About Us Area ================
    ===============================================*/
    .about-short-desc,
    .about-text p{
        padding-right: 0;
    }
    .what-we-do-desc,
    .singel-project {
        margin-bottom: 70px;
    }
    /*====== Css For Team Area ====================
    ===============================================*/
    .member-shor-desc,
    .single-pricing-item {
        margin-top: 8px;
        margin-bottom: 50px;
    }
    
    
    /*====== Css For Call To Action Area ==========
    ===============================================*/
    .call-to-action-text h2 {
        letter-spacing: 2px;
    }
	
	
    .portfolio-filter-items {
		text-align: center;
	}
}


/*
*================================================================== -->
* Mobile Screen [320px into 767px]
*================================================================== -->
*/

@media only screen and (max-width: 767px) {
    
    /*====== Css For General style ================
    ===============================================*/
    .service-area .area-title p,
    .team-area .area-title p,
    .portfolio-area .area-title p,
    .client-area .area-title p,
    .pricing-area .area-title p,
    .testimonial-area .area-title p,
    .contact-area .area-title p,
    .single-testimonial p {
        padding: 0;
        font-size: 12px;
    }
	
    .single-service {
		padding: 40px 0 0;
	}
	
    .area-title h2 {
        font-size: 22px;
    }
    
    .area-margin-row {
        margin-top: 60px;
    }
    
    .no-padding {
        padding-right: 0;
        padding-left: 0;
    }
    
    
    /*====== Css For Bootstrap Navbar =============
    ===============================================*/
    .navbar {
        min-height: 0;
    }
    
    .navbar-toggle {
        border: 1px solid #ffffff;
        margin-top: -45px;
		margin-right: 0;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    
    .navbar-collapse {
        border-top: 0px solid;
        box-shadow: inherit;
    }
    
    .navbar-collapse.in {
        min-height: 375px;
    }
    
    
    /*====== Css For Header Area ==================
    ===============================================*/
    .header-left-info {
        margin-bottom: 15px;
    }
    
    .header-left-info,
    .header-right-info {
        text-align: center;
    }
    
    .wellcome-text {
        padding: 115px 0;
    }
    
    .wellcome-text h1 {
        font-size: 25px;
    }
    
    .wellcome-text p {
        font-size: 14px;
        padding: 0;
    }
    
    a.btn-learn-more {
        font-size: 12px;
        margin-bottom: 5px;
        padding: 8px 16px;
    }
    
    /*====== Css For About Us Area ================
    ===============================================*/
    .about-us-area {
        padding-top: 50px;
    }
    
    .about-short-desc,
    .about-text p{
        padding-right: 0;
    }
    
    .what-we-do-desc,
    .singel-project,
    .single-pricing-item {
        margin-bottom: 60px;
    }
    
    /*====== Css For Call To Action Area ==========
    ===============================================*/
    .call-to-action-text h2 {
        font-size: 25px;
    }
    
    .call-to-action-text p {
        padding: 0;
    }
    
    
    /*====== Css For Team Area ====================
    ===============================================*/
    .member-shor-desc {
        margin-top: 8px;
    }
    
    
    /*====== Css For Portfolio Area ====================
    ===============================================*/
    .portfolio-menu ul li {
        padding: 3px 10px;
        font-size: 12px;
    }
	
    .portfolio-filter-items {
		text-align: center;
	}
    
}


/*
*================================================================== -->
* Wide Mobile Screen [480px into 767px]
*================================================================== -->
*/

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