/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {
	.dropdown i{
		display: none;
	}
    
    .slick-slide {
        width: 450px !important;
    }
    .banner-img-block{
        margin-top: 90px;
    }
}


/* Medium Devices, Desktops */
@media (min-width : 992px) {
	

}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

    .navbar-toggler-icon {
        border: 1px solid #eee;
        line-height: 27px;
    }
    .main-navigation {
        padding: 40px 20px 15px 20px;
    }
    
    .banner-padding {
        padding: 200px 0px 100px 0px;

    }
    
    #intro{
        margin-top: 40px;
    }
    .intro-block{
        border: 0px;
        margin-bottom: 55px;
    }
    
    h1,.h1{
        font-size:36px;
    }
    
    
    .main-banner-content p {
       padding: 0px 20px;
    }
    
    .btn-container a{
        margin-bottom: 15px;
    }
    
    .process-img-block,.single-blog,.pricing-table{
        margin-bottom: 55px;
    }
    
    .counter-stat {
        padding: 30px 20px;
        margin: 0px 0px 30px 0px;
    }
    
    .service-btm a {
        font-size: 16px;
    }
    
    .footer-widget{
        margin-top: 40px;
    }
    
    .extra-nav{
        display: none;
    }

    .item-box img {
        height: 370px;
    }

    .intro-block-2{
        margin-bottom: 30px;
    }

}

/* Small Devices Potrait */
@media (max-width : 767px){
    
    .navbar-toggler-icon {
        border: 1px solid #eee;
        line-height: 27px;
    }
    .main-navigation {
        padding: 40px 20px 15px 20px;
    }
    
    .banner-padding {
        padding: 100px 0px 100px 0px;

    }
    
    #intro{
        margin-top: 40px;
    }
    .intro-block{
        border: 0px;
    }
    
    h1,.h1{
        font-size:36px;
    }
    
    
    .main-banner-content p {
        padding: 0px 20px;
    }
    
    .btn-container a{
        margin-bottom: 15px;
    }
    
    .process-img-block,.single-blog,.pricing-table{
        margin-bottom: 55px;
    }
    
    .counter-stat {
        padding: 30px 20px;
    }
    
    .service-btm a {
        font-size: 16px;
    }
    #section-cta:before{
        display: none;
    }
    
    .subscribe-form a.btn {
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    .footer-widget{
        margin-top: 40px;
    }
  .extra-nav{
        display: none;
    }
    .test-content{
        padding:0px 25px;
    }

    .test-content p.lead{
        font-size: 16px;
        line-height: 28px;
    }
   
    .mb55{
        margin-bottom: 55px;
    }
    .mb30{
        margin-bottom: 30px;
    }

}

/* Extra Small Devices, Phones */ 
@media (min-width : 480px) and (max-width:767px){

    .navbar-toggler-icon {
        border: 1px solid #eee;
        line-height: 27px;
    }
    .main-navigation {
        padding: 40px 20px 15px 20px;
    }
    
    .banner-padding {
        padding: 200px 0px 100px 0px;

    }
    
    #intro{
        margin-top: 40px;
    }
    .intro-block{
        border: 0px;
    }
    
    h1,.h1{
        font-size:36px;
    }
    
    
    .main-banner-content p {
        padding: 0px 20px;
    }
    
    .btn-container a{
        margin-bottom: 15px;
    }
    
    .process-img-block,.single-blog,.pricing-table{
        margin-bottom: 55px;
    }
    
    .counter-stat {
        padding: 30px 20px;
    }
    
    .service-btm a {
        font-size: 16px;
    }
    #section-cta:before{
        display: none;
    }
    
    .subscribe-form a.btn {
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    .footer-widget{
        margin-top: 40px;
    }
   .extra-nav{
        display: none;
    }

    .test-content{
        padding:0px 25px;
    }

    .test-content p.lead{
        font-size: 16px;
        line-height: 28px;
        
    }

    .mb55{
        margin-bottom: 55px;
    }
    .mb30{
        margin-bottom: 30px;
    }
    
  
}

/* Custom, iPhone Retina */ 
@media (min-width : 320px) and (max-width: 478px)  {

    .navbar-toggler-icon {
        border: 1px solid #eee;
        line-height: 27px;
    }
    .main-navigation {
        padding: 40px 20px 15px 20px;
    }
    
    .banner-padding {
        padding: 200px 0px 100px 0px;

    }
    
    #intro{
        margin-top: 40px;
    }
    .intro-block{
        border: 0px;
        margin-bottom: 55px;
    }
    
    h1,.h1{
        font-size:36px;
    }
    .main-banner-content h1 {
        font-size: 38px;
    }
    
    .main-banner-content p {
        font-size: 18px;
        padding: 0px 20px;
    }
    
    .btn-container a{
        margin-bottom: 15px;
    }
    
    .process-img-block,.single-blog,.pricing-table{
        margin-bottom: 55px;
    }
    
    .counter-stat {
        padding: 30px 20px;
    }
    
    .service-btm a {
        font-size: 16px;
    }
    #section-cta:before{
        display: none;
    }
    
    .subscribe-form a.btn {
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    .footer-widget{
        margin-top: 40px;
    }
    
    .extra-nav{
        display: none;
    }
    
    .item-box img {
        height: 260px;
    }

    .pricing-table{
        box-shadow: none!important;
        border: 1px solid #eee;
    }

    .test-content{
        padding:0px 25px;
    }

    .test-content p.lead{
        font-size: 16px;
        line-height: 28px;
    }
    .intro-block-2{
        margin-bottom: 30px;
    }

        
    .mb55{
        margin-bottom: 55px;
    }
    .mb30{
        margin-bottom: 30px;
    }

}