/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

    .rpost-content {
        margin-top: -15px;
    }

    .blog-content h5 a {
        font-size: 22px;
    }

    .portfolio-title h5::before {
        display: none;
    }

    .portfolio-title h5::after {
        display: none;
    }

    .service-title h5::before {
        display: none;
    }

    .service-title h5::after {
        display: none;
    }

    .blog-title h5::before {
        display: none;
    }

    .blog-title h5::after {
        display: none;
    }


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

    nav.zumla_menu {
        text-align: right;
        margin-bottom: -3px;
    }
   
    .zumla_menu>ul>li>a {
        font-size: 17px;
        margin: 35px 7px;
    }


    .header-button {
        margin-top: 20px;
    }

  /*--------------hero-section-------------------*/  

  .hero-content h1 {
    font-size: 100px;
}

.sub-single-box {
    padding: 10px 7px;
}

.hero-sub-content.upper1::before {
    top: 30px;
    left: -30px;
    height: 15px;
    width: 2px;
}

.hero-sub-icon img {
   padding: 0;
}

.hero-sub-content {
    font-size: 13px !important;
}

 /*--------------service-section-------------------*/  

    .service-title h5::before {
        height: 18px;
        width: 15px;
        top: -4px;
        left: 405px;
    }

    .service-title h5::after {
        height: 18px;
        width: 15px;
        top: 7px;
        left: 518px;
    }

    .service-single-box {
        padding: 35px 25px;
    }

    .service-content h5 {
        font-size: 28px;
        padding: 45px 0 25px;
    }

    .service-content p {
        width: 100%;
    }

    .service-content2 {
        left: 0;
        padding: 0 50px 0;
    }

    .service-sub-icon img {
        bottom: -6rem;
        right: 45px;
    }

  /*--------------testimonial-section-------------------*/     
    
    .testimonial-content p {
         width: 100%; 
        font-size: 20px;
    }

    .testimonial-shape img {
        position: absolute;
        right: -20px;
        bottom: 0px;
    }

    .testimonial-thumb img {
        width: 94%;
    }

    .testimonial-section-title h1 {
        font-size: 46px;
    }

 /*--------------portfolio-section-------------------*/      

    .portfolio-title h5::before {
        height: 18px;
        width: 15px;
        top: -5px;
        left: 398px;
    }

    .portfolio-title h5::after {
        height: 18px;
        width: 15px;
        top: 3px;
        left: 523px;
    }
   
    .portfolio-single-box {
        padding: 0;
    }


    .portfolio-icon {
        text-align: -webkit-center;
    }

    .portfolio-thumb img {
        width: 100%;
    }

    .portfolio-info p {
        padding: 10px 15px;
    }

    .portfolio-content h5 a {
        font-size: 22px;
        padding: 0px 15px 20px;
        display: inline-block;
    }
 /*--------------blog-section-------------------*/      

    .blog-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -4px;
        left: 388px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .blog-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 6px;
        left: 532px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    
    .blog-content h5 a {
        display: inline-block;
        font-size: 18px;
       
    }

    .rpost-content span {
        font-size: 13px;
        padding: 6px 0 0;
        display: inline-block;
    }

    .rpost-content {
        display: inline-block;
        margin-top: -18px;
    }

 /*--------------about-section-------------------*/      

    .about-content h1 {
        font-size: 35px;
       
    }

 /*--------------about-two-section-------------------*/      

    .about-two-thumb img {
        width: 92%;
    }

    .about-two-shape img {
        position: absolute;
        top: -470px;
        left: -155px;
        width: 100%;
    }

    .about-two-content h1 {
         font-size: 35px; 
       
    }


    .about-two-content p {
         font-size: 16px; 
         width: 115%;
    }

    .about-two-info p {
        width: 135%;
    }

/*--------------counter-section-------------------*/          

    .counter-bg-up {
        padding: 87px 0;
        margin-top: -180px;
       
    }

/*--------------form-section-------------------*/          
   
    .subscribe-content h1 {
         font-size: 35px;
        padding: 5px 0 15px;
        margin: 0;
    }

    .subscribe-button a {
        display: inline-block;
        position: absolute;
        top: -70px;
        font-size: 16px;
        right: 68px;
        color: #fff;
        background: #222;
        padding: 22px 45px;
        transition: .5s;
        border-radius: 0px 8px 8px 0px;
    }

/*--------------footer-section-------------------*/          

    .footer-content h1 {
         font-size: 35px;
       
    }

    .footer-thumb img {
        position: absolute;
        top: -245px;
        left: -22px;
       
    }

    .rpost-content h4 a {
        font-size: 13px;
        display: inline-block;
       
    }


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    nav.zumla_menu {
        display: none;
    }

/*-----------------hero-section----------------*/    

.hero-content h1 {
    font-size: 100px;
}

    .hero-sub-content {
        padding: 15px 0 10px;
    }

    .hero-thumb {
        text-align: center;
    }

/*-----------------service-section----------------*/  
    
    .portfolio-single-box {
        padding: 35px;
    }     

    .service-title h5::before {
        height: 18px;
        width: 15px;
        top: -5px;
        left: 285px;
    }

    .service-title h5::after {
        height: 18px;
        width: 15px;
        top: 7px;
        left: 397px;
    }

    .sub-single-box {
        margin-top: 10px;
    }

    .service-content2 {
        position: absolute;
        left: 0;
        padding: 0 65px 0;
    }

    .service-sub-icon img {
        position: absolute;
        right: 50px;
        bottom: -90px;
    }

/*-----------------portfolio-section----------------*/   

    .portfolio-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -6px;
        left: 278px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .portfolio-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 4px;
        left: 405px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .portfolio-thumb img {
        width: 100%;
    }

    .portfolio-content h5 a {
        font-size: 22px;
       
    }

    .portfolio-info p {
        padding: 10px 5px;
    }

/*-----------------blog-section----------------*/       

    .blog-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -5px;
        left: 270px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .blog-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 6px;
        left: 412px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .blog-content h5 a {
        display: inline-block;
        font-size: 21px;
        padding: 0 0 24px 5px;
    }

    .blog-info p {
        font-size: 16px;
        
    }

    .rpost-content h4 a {
        font-size: 20px;
       
    }

    .rpost-content span {
        font-size: 16px;
        padding: 6px 0 0;
        display: inline-block;
    }
    .rpost-content {
        display: inline-block;
        margin-top: -18px;
    }

/*-----------------about-two-section----------------*/   

.about-two-content h1 {
    font-size: 45px;
    color: #fff;
    padding: 18px 0;
}

    .about-two-button a {
        display: inline-block;
        font-size: 16px;
       
    }

/*-----------------counter-section----------------*/       

    .counter-bg-up {
        padding: 40px 0;
      
    }

/*-----------------footer-section----------------*/       

    .footer-content h1 {
        font-size: 46px;
       
    }

    .footer-thumb img {
        display: none;
    }

    .footer-shape img {
        position: absolute;
        right: 50px;
        top: 20px;
    }

    .footer-menu ul li a {
        display: inline-block;
        font-size: 16px;
        margin-left: 30px;
    }

    .footer-menu {
        text-align: center;
        margin-top: -36px;
    }

    .footer-social {
        text-align: right;
        margin-top: -40px;
    }

   

}


/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

    nav.zumla_menu {
        display: none;
    }

    .hero-content h1 {
        font-size: 100px;
    }  

    .hero-sub-content {
        padding: 15px 0 10px;
    }

    .service-content2 {
        left: 0;
        padding: 0 150px 0;
    }
    
    .service-sub-icon img {
        bottom: -6rem;
        right: 130px;
    }

    .service-title h5::before {
        top: -3px;
        left: 191px;
    }

    .service-title h5::after {
        left: 310px;
    }

/*--------------brand-section-------------*/    

    .brand-thumb img {
        width: 100%;
    }

/*--------------portfolio-section-------------*/    

    .portfolio-thumb img {
        width: 100%;
    }

    .portfolio-info p {
        padding: 10px 5px;
    }

/*--------------testimonial-section-------------*/    

    .testimonial-content p {
        width: 80%;
        font-size: 22px;
       
    }

    .testimonial-shape img {
        position: absolute;
        right: 0px;
        bottom: 35px;
    }

/*--------------about-section-------------*/    

    .about-content h1 {
        font-size: 40px;
       
    }

/*--------------blog-section-------------*/    

    .blog-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -4px;
        left: 180px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .blog-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 6px;
        left: 322px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .blog-info p {
        font-size: 16px;
       
    }

    .blog-info {
        float: right;
        margin-top: 3px;
    }

.portfolio-title h5::after {
    left: 313px;
}

.portfolio-title h5::before {
    left: 188px;
}

/*--------------about-two-section-------------*/    

    .about-two-thumb img {
        width: 100%;
    }

    .about-two-shape img {
        width: 100%;
    }

    .about-two-content h1 {
        font-size: 45px;
       
    }

    .about-two-content p {
        font-size: 15px;
       
    }

    .about-two-info p {
        font-size: 15px;
        width: 110%;
    }

    .about-two-button a {
        display: inline-block;
        font-size: 16px;
       
    }

/*--------------counter-section-------------*/    

    .counter-bg-up {
        padding: 43px 0;
       
    }

/*--------------form-section-------------*/    

    .subscribe-button a {
        right: 77px;
      
    }

/*--------------footer-section-------------*/    

    .footer-thumb img {
        display: none;
    }

    .footer-content h1 {
        font-size: 35px;
       
    }

    .footer-shape img {
        position: absolute;
        right: -15px;
        top: 30px;
    }

    .footer-logo a img {
        width: 25%;
    }

    .footer-menu {
        text-align: center;
        margin-top: -25px;
    }

.footer-menu ul li a {
    display: none;
}

.footer-social {
    margin-top: -30px;
}

.footer-social ul li a {
    font-size: 16px;
   
}

/*--------------bradcame-section-------------*/


.breadcumb-title h1 {
    font-size: 65px;
   
}

.rpost-content h4 a {
    font-size: 18px;
   
}

.rpost-content span {
    font-size: 15px;
    padding: 6px 0 0;
    display: inline-block;
}

.rpost-content {
    display: inline-block;
    margin-top: -18px;
}

   
}


/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

    nav.zumla_menu {
        display: none;
    }

    .hero-content h1 {
        font-size: 100px;
      
    }

    .hero-thumb img {
        width: 100%;
    }

    .hero-sub-content {
        padding: 15px 0 10px;
        position: relative;
    }

/*--------------service-section-------------*/    

    .service-title h1 {
        font-size: 45px;
       
    }
    
    .service-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -5px;
        left: 163px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .service-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 7px;
        left: 278px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .service-content2 {
        position: absolute;
        left: 0;
        padding: 0 130px 0;
    }
    
    .service-sub-icon img {
        position: absolute;
        bottom: -6rem;
        right: 130px;
    }

/*--------------portfolio-section-------------*/    

    .portfolio-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -5px;
        left: 163px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .portfolio-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 4px;
        left: 280px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .portfolio-thumb img {
        width: 100%;
    }

    .portfolio-info p {
        padding: 10px 5px;
    }

    .portfolio-content h5 a {
        font-size: 22px;
        padding: 10px 5px;
        display: inline-block;
    }

/*--------------testimonial-section-------------*/  

.testimonial-section-title h1 {
    font-size: 40px;
    padding: 12px 0 55px;
}

    .testimonial-sub-title h1 {
        font-size: 45px;
       
    }

    .testimonial-content p {
        width: 100%;
        font-size: 22px;
       
    }

    .testimonial-shape img {
        position: absolute;
        right: -5px;
        bottom: 10px;
    }

/*--------------about-section-------------*/    

    .about-content h1 {
        font-size: 40px;
       
    }

/*--------------blog-section-------------*/    

    .blog-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -4px;
        left: 150px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .blog-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 6px;
        left: 290px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .blog-info {
        margin-top: 0px;
    }

/*--------------about-two-section-------------*/    

    .about-two-thumb img {
        width: 100%;
    }

    .about-two-shape img {
        width: 100%;
    }

    .about-two-content h1 {
        font-size: 45px;
       
    }

    .about-two-content p {
        font-size: 14px;
    }

    .counter-bg-up {
        padding: 40px 0;
       
    }

    .about-two-button a {
        display: inline-block;
        font-size: 16px;
       
    }

/*--------------form-section-------------*/

    .subscribe-content h1 {
        font-size: 45px;
       
    }

    .subscribe-button a {
        right: 65px;
        padding: 22px 22px;
    }

/*--------------footer-section-------------*/    

    .footer-content h1 {
        font-size: 32px;
       
    }

    .footer-thumb img {
        display: none;
    }

    .footer-shape img {
        position: absolute;
        right: 20px;
        top: 40px;
    }

    .footer-menu {
        text-align: center;
        display: none;
    }

    .footer-social {
        text-align: right;
        margin-top: -39px;
    }

    .breadcumb-title h1 {
        font-size: 50px;
       
    }

    .rpost-content h4 a {
        font-size: 15px;
       
    }

    .rpost-content span {
        font-size: 15px;
       
    }

    .rpost-content {
        display: inline-block;
        margin-top: -18px;
    }

}


/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    nav.zumla_menu {
        display: none;
    }

    .hero-thumb img {
        width: 100%;
    }

    .hero-content h1 {
        font-size: 90px;
       
    }

    .hero-sub-content {
        padding: 15px 0 10px;
        
    }

    .hero-shape img {
        display: none;
    }

/*--------------service-section-------------*/    

    .service-title h5::before {
        height: 18px;
        width: 15px;
        top: -5px;
        left: 83px;
    }

    .service-title h5::after {
        height: 18px;
        width: 15px;
        top: 7px;
        left: 200px;
    }

    .service-title h1 {
        font-size: 30px;
       
    }

    .service-content p {
        font-size: 15px;
        width: 100%;
    }

    .service-content2 {
        left: 0;
        padding: 0 50px 0;
    }
    
    .service-sub-icon img {
        bottom: -6rem;
        right: 50px;
    }

/*--------------portfolio-section-------------*/    

.portfolio-details-main-title h1 {
    font-size: 25px;
}

.portfolio-title h5::before {
    height: 18px;
    width: 15px;
    top: -4px;
    left: 83px;
    z-index: 1;
}

.portfolio-title h5::after {
    height: 18px;
    width: 15px;
    top: 4px;
    left: 200px;
}

.portfolio-title h1 {
    font-size: 36px;
   
}

.portfolio-single-box {
    padding: 0;
  
}

.portfolio-thumb img {
    width: 100%;
}

.portfolio-content h5 a {
    font-size: 22px;
    padding: 10px 15px;
    display: inline-block;
}

.portfolio-info p {
    padding: 10px 15px;
}

.portfolio-icon {
    padding: 15px 15px;
}

/*--------------testimonial-section-------------*/

    .testimonial-thumb img {
        width: 100%;
    }

    .testimonial-section-title h1 {
        font-size: 28px;
       
    }

    .testimonial-content p {
        width: 100%;
        font-size: 16px;
    }

    .testimonial-shape {
        display: none;
    }

/*--------------about-section-------------*/    

    .about-thumb img {
        width: 100%;
    }

    .about-shape {
        display: none;
    }

    .about-content h1 {
        font-size: 23px;
        
    }

/*--------------blog-section-------------*/    

    .blog-title h5::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: -4px;
        left: 71px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 50%,100% 50%,100% 100%);
    }

    .blog-title h5::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 15px;
        top: 6px;
        left: 210px;
        z-index: 1;
        background-color: #ff830e;
        clip-path: polygon(0% 0%,100% 0%,0% 50%);
    }

    .blog-title h1 {
        font-size: 38px;
       
    }

    .blog-content h5 a {
        display: inline-block;
        font-size: 18px;
       
    }

    .blog-info {
        margin-top: 0px;
    }

/*--------------about-two-section-------------*/    

    .about-two-thumb img {
        width: 100%;
    }

    .about-two-shape img {
        display: none;
    }

    .about-two-content h1 {
        font-size: 25px;
       
    }

    .about-two-button a {
        display: inline-block;
        font-size: 16px;
       
    }

    .counter-bg-up {
        padding: 40px 0;
       
    }

/*--------------form-section-------------*/ 

    .subscribe-content {
        margin-left: 22px;
    }   

    .subscribe-content h1 {
        font-size: 23px;
       
    }

    .subscribe-box form input {
        padding: 16px 12px;
        width: 85%;
    }

    .subscribe-button a {
        right: 20px;
        padding: 14px 10px;
        font-size: 14px;
        top: -54px;
    }

/*--------------footer-section-------------*/    

    .footer-content h1 {
        font-size: 25px;
       
    }

    .footer-thumb img {
        display: none;
    }

    .footer-shape {
        display: none;
    }

    .footer-menu {
        display: none;
    }
    
    .footer-social {
        display: none;
    }

    .blog-details-meta span {
        margin-right: 1px;
    }

    .blog-details-social-icon ul li a {
        font-size: 15px;
        margin-left: 8px;
    }

    .breadcumb-title h1 {
        font-size: 38px;
       
    }

   

    .rpost-content h4 a {
        font-size: 13px;
       
    }

    .rpost-content span {
        font-size: 13px;
        padding: 6px 0 0;
        display: inline-block;
    }

    .rpost-content {
        display: inline-block;
        margin-top: -18px;
    }


}