/* Smart Phones and Tablets */

@media (max-width: 767px)
{
    
    .navbar-toggle {
        margin-top: 50px;

    }
    
    .cart {
        margin-right: 15px;
        float: right;
    }
    
    .cart img {
        width: 28px;
    }
    
    .owl-carousel .slide-video {
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    
    .owl-nav img {
        width: 20px;
    }
    
    .owl-nav {
        top: 25%;
    }
    
    .owl-dots {
        margin-bottom: 0;
    }
    
    
    .h-shop {
        padding: 7rem 0;
    }
    
    .h-shop h1 {
        font-size: 4rem;
    }
    
    .contact {
        padding: 1rem;
    }
    
    .contact-us h3 {
        margin-top: 5rem;
    }
    
    
    .contact input:not(.btn),
    .contact textarea {
        width: 100% !important;

    }
    
    


    .about-us .text h3 {
        left: 0;
        font-size: 40px
    }
  
    .about-us .text {
        padding: 20px 2rem;
    }
    
    .about-us .btn {
        left: 52%;
    }
    
    footer {
        padding: 4rem;
    }
    
    footer .links {
        padding: 0
    }
    
    footer .b-t-t {
        padding-left: 0;
    }
    
    footer .short-links {
        margin-bottom: 8rem
    }
    
    footer input {
        width: 100%;
    }
    
    footer .btn {
        margin: 3rem auto;
    }
    
    
    footer .social-links {
        text-align: center;
    }
    
    /** Start Our Story **/
    .our-story img {
        height: auto;
    }
    
    .story-text h3 {
        font-size: 6rem;
    }
    
    
    .one p {
        font-size: 20px;
    }
    
    .three p {
        font-size: 25px;
    }
    
    
    
    
    /** End Our Story **/
    
    /** Start Proaction **/

    .proaction .container {
        padding: 0
    }
    
    
    .pro-title h3 {
        padding-left: 20px;
    }
    
    .pro-text-b {
        position: relative;
        left: 0;
        top: 0; 
    }
    
    .benefit h3 {
        font-size: 4rem;
        letter-spacing: 5px;
        margin-bottom: 5rem
    }
    
    .pro-text ul {
        padding-left: 10px;
        font-size: 19px
    }

}

/* Small Screens */

@media (min-width: 768px) and (max-width: 991px)
{
    .navbar-default .navbar-nav > li > a, .cart span {
        font-size: 12px;
    }
    
    .cart {
        margin-left: 0;
        padding: 1rem 0
    }
    
    .cart img {
        width: 25px
    }
    
    
    .owl-carousel .slide-video {
        top: 0; 
        left: 0;
        transform: translate(0, 0);
    }
    
    .owl-carousel .caption:first-of-type {
        margin-top: 18rem;
    }
    
    .owl-carousel .caption .l-btn {
        margin-top: 19rem !important;
    }
    
    .owl-carousel h3 {
        font-size: 5rem;
        margin-top: -17px;
    }
    
    .owl-carousel .caption .btn {
        margin-top: 1rem;
        padding: 10px 25px;
        font-size: 13px;
    }
    
    .owl-nav img {
        width: 25px;
    }
    
    .h-shop {
        padding: 7rem 0;
    }
    
    .h-shop h1 {
        font-size: 5rem;
    }
    
    .about-us .text h3 {
        left: -110px;
    }
    
    .contact {
        padding: 4rem 2rem;
    }
    
    
     footer .links {
        padding: 0
    }
    
    footer .b-t-t {
        padding-left: 0;
    }
    
    footer .short-links {
        margin-bottom: 8rem
    }
    
   
    footer .btn {
        margin: 3rem auto;
    }
    
    /** Start Our Story **/
    
    .story-text h3 {
        font-size: 6.5rem;
    }

    
    .our-story img {
        height: auto;
    }
    
    
     /** Start Proaction **/

    .proaction .container {
        padding: 0;
        width: 100%
    }
    
    
    .pro-title h3 {
        padding-left: 20px;
    }
    
    .pro-text-b {
        position: relative;
        left: 0;
        top: 0; 
    }
    
    .benefit h3 {
        font-size: 4rem;
        letter-spacing: 5px;
        margin-bottom: 4rem
    }
    
    .pro-title h3 {
        font-size: 29px;
    }
    
    
    
}


/* Medium Screens */

@media (min-width: 992px) and (max-width: 1199px)
{
    .owl-carousel .slide-video {
        top: 0; 
        left: 0;
        transform: translate(0, 0);
    }
    
    .owl-carousel .caption:first-of-type {
        margin-top: 18rem;
    }
    
    .owl-carousel h3 {
        font-size: 5rem;
        margin-top: -17px;
    }
    
    .owl-carousel .caption .btn {
        margin-top: 1rem;
        padding: 10px 25px;
        font-size: 13px;
    }
    
    .owl-carousel .caption .l-btn {
        margin-top: 22rem !important;
    }
    
    
    .owl-carousel .caption:first-of-type {
        margin-top: 21rem;
    }
    
    .owl-carousel h3 {
        font-size: 7rem;
        margin-top: -24px;
    }
    
    
    .h-shop {
        padding: 9rem 0;
    }
    
    .about-us .text h3 {
        left: -103px;
    }

    .contact {
        padding: 4rem 15rem;
    }
    
    /** Start Our Story **/
    
    .story-text h3 {
        font-size: 6rem;
    }
    
    .one p {
        font-size: 24px;
    }
    
    .two p {
        font-size: 16.5px;
    }
    
    .three p {
        font-size: 30px;
    }
    
    /** Start Proaction **/
    
    .pro-text-b {
        position: relative;
        left: 5%;
        top: 83px;
    }
    
    
    
}

/* Large Screens */

@media (min-width: 1200px)
{
    .owl-carousel .slide-video {
        position: relative;
        margin: 0

    }
}