/* Medium Layout: 1280px. */
 @media only screen and (min-width: 992px) and (max-width: 1280px) {
}
/* Tablet Layout: 768px. */
 @media only screen and (min-width: 767px) and (max-width: 991px) {

    .mainmenu .navbar-nav li {
      margin-right: 15px;
    }

    .mainmenu .navbar-nav li a {
        padding: 20px 0;
        font-size: 14px;
    }

    .mainmenu .nav.navbar-nav.navbar-right {
        margin: 0;
    }

    .logo {
        text-align: center;
    }
    
    .section-title p {
        padding: 0;
    }


}

/* Mobile Layout: 320px. */
 @media only screen and (max-width: 767px) {
     .navbar-toggle .icon-bar {
         background: #eb3b5a;
    }
     .menu-strick-bg .navbar-toggle .icon-bar {
         background: #eb3b5a;
    }
     .navbar-toggle {
         margin-right: 0px;
         margin-top: -30px;
    }
    ul.nav.navbar-nav.navbar-right {
    float: none;
    text-align: center;
    }
     .menu-strick-bg .logo {
         padding-bottom: 10px;
    }
     .menu-strick-bg .navbar-toggle{
         margin-top: -43px;
    }
     .navbar {
         min-height: 0px;
    }
     .mainmenu .navbar-nav li a {
         padding: 11px 15px;
    }
     .menu-strick-bg .mainmenu .navbar-nav li a {
         padding: 11px 15px;
    }
     .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
         max-height: 420px;
    }
     .navbar-toggle {
         margin-top: -35px;
    }
     .navbar-collapse {
         background: #000;
    }
     .menu-strick-bg .navbar-collapse {
         background: #000;
    }
     .menu-strick-bg .mainmenu .navbar-nav li a {
         color: #fff;
    }
     .menu-strick-bg .mainmenu .navbar-nav li a:hover {
         color: #ccc;
    }
     .mainmenu .navbar-nav li a:hover {
         color: #ccc;
    }
    .hero-fullseen-homage-text h3 {
        font-size: 35px;
    }

    .hero-fullseen-homage-text h4 {
    font-size: 22px;
    }

    .cd-headline.clip span{font-size: 22px;}

       a.slide-btn {
    padding: 10px 25px;
    }

    .testimonial-dec p{padding: 0 15px;}

    .contact-form, .about-text {
        margin-top: 30px;
    }
    
    .single-fact, .working-client-single, .item {
    margin-bottom: 30px;
    }

    .call-action-text p{padding: 0 15px;}

    .call-action-text h2{font-size: 22px;}
	

}

/*I Phone Layout.*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    .hero-fullseen-homage-text h3 {
        font-size: 35px;
    }

    .hero-fullseen-homage-text h4 {
    font-size: 22px;
    }

    .logo, .menu-strick-bg .logo{
    padding-top: 10px;
    }
    .single-fact {
    margin-bottom: 30px;
    }
    .hero-fullseen-homage-text h3 {
    margin-top: 5px;
    }
    .contact-form, .about-text {
    margin-top: 30px;
    }
    .single-fact, .working-client-single {
    margin-bottom: 30px;
    }
    
    .call-action-text p {
    padding: 0 20px;
    }

    .hero-fullseen-homage-text h2 {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .mainmenu .navbar-nav li a, .menu-strick-bg .mainmenu .navbar-nav li a {
    padding: 10px 0;
    }

   a.slide-btn {
    padding: 10px 25px;
    }

    .item {
    margin-bottom: 30px;
}


}


/* Wide Mobile Layout: 480px. */
 @media only screen and (min-width: 480px) and (max-width: 767px) {


}
