/* XL Device :5000px. */
@media screen and (min-width: 1921px) and (max-width: 5000px) {
     .container-wrapper{max-width: 1920px;}
     .home5-about-bg,.home5-sp-feature-bg,.home5-more-feature-bg,.home5-review-bg,.service-cta-banner-bg,.about-us-fact-bg,.our-team-bg,.home3-project-bg,.home3-about-bg,.home3-feature-product-bg,.home3-testimonial-product-bg,.home3-testimonial-area,.feature-bg,.home5-about-bg,.home5-more-feature-bg{background-image: none !important;}
     .home3-project-bg {padding-top: 155px;padding-bottom: 170px;}
     .home3-project-margin {margin-top: 90px;}
     .home3-about-bg {padding-top: 115px;padding-bottom: 190px;}
     .home3-feature-product-left-content{padding-top: 0;}
     .home3-feature-product-img-wrapper-margin {margin-top: 0;}
     .home3-feature-product-bg{padding-top: 180px;padding-bottom: 140px;}
     .home3-testimonial-area{padding-top: 0;margin-top: 170px;}
     .home3-testimonial-product-bg { padding-bottom: 135px;}
     .feature-bg {padding-top: 0; background: transparent;}
     .sp-feature-bg{padding-top: 40px;padding-bottom: 90px;}
     .slider-height5 .slider-content,.home5-about-margin,.home5-sp-feature-margin {margin-top: 0;}
     .home5-about-bg {padding-top: 70px;}
     .home5-sp-feature-bg { padding-top: 80px;padding-bottom: 120px;margin-top: 130px;}
     .home5-screenshot-area.mb-160.mt-90 {margin-top: 155px;}
     .review-area-home5-margin { margin-top: 70px;}
     .home5-review-bg {padding-top: 145px;}
     .home5-more-feature-bg {padding-bottom: 140px;}
     .price-area.home5-price-tab-area {padding-top: 160px;}


}



@media screen and (min-width: 1200px) and (max-width: 1800px) {
     .slider-img1 {margin-right: -200px;padding-left:40px;}
     .single-slider.slider-height1 { height: 1000px;}
     .faq-img.img-right-margin { margin-right: -230px;}
     .testimonial-img {margin-left: -30px;}
     .sp-offer-img-left-margin {margin-left: -40%;}
     /* home2 */
     .home2.feature-area3 .img-left-margin2 {margin-left: -370px;padding-right: 0;}
     .about-us-img-wrapper {
          margin-right: -120px;
     }





     





}


/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
     .slider-img1 { margin-right: -120px; padding-left: 0;}
     .single-slider.slider-height1 { height: 970px;}
     .slider-left-dotted {left: 55px;bottom: 162px;}
     .img-left-margin { margin-left: -140px;}
     .faq-img.img-right-margin { margin-right: -130px;}
     .sp-offer-img-left-margin {margin-left: -26%;}
     /* home2 */
     .home2.feature-area3 .img-left-margin2 {margin-left: -215px;padding-right: 20px;}
     .img-right-margin2 { margin-right: -230px;}
     .testimonial-active2-variable-width .slick-slide,.product-active4-variable-width .slick-slide{width: 570px;}
     .about-us-img-wrapper {
          margin-right: -50px;margin-left: 30px;
     }
     /* home4 */
     .home4 .header-right {  margin-left: 0;}
     .about-dotted-shape {
          right: 50px;
     }
     .home4 .feature-img {
          margin-left: -200px;
     }

}
   

@media screen and (min-width: 1200px) and (max-width: 1440px) {

     /* home1 */
     .single-slider.slider-height3,.single-slider.slider-height1 { height: 100vh;}
     .single-slider.slider-height1,.slider-height5,.slider-height6,.slider-height3,.blog-details-slider-area .page-height { min-height: 100vh;}
     .slider-img1 {  margin-right: -50px; padding-left: 10px;}
     .s-dotted img { max-width: 75%;}
     .slider-left-dotted {left: 20px;bottom: 142px;}
     .slider-right-dotted { right: -50px;top: -55px;}
     .slider-height1 .slider-content h1 {font-size: 48px;}
     .slider-height1 .slider-content span {font-size: 30px;}
     .slider-content {padding-right: 70px;}
     .shape { max-width: 50px;}
     .shape.s-shape{max-width: 12px;}
     .img-left-margin { margin-left: -90px;}
     .hm2-bg-shape10 {
          right: 0%;
          bottom: 26%;
     }
     .hm2-shape-8 {
          right: 4%;
          bottom: 30%;
     }
     .hm2-middle-dotted {
          right: 0px;
          top: -70px;
     }
     .hm2-shape {max-width: 50px;}
     .about-us-img-wrapper {
          margin-right: -30px;margin-left: 25px;
     }
     .about-text {margin-top: 40px;}
     .img-right-margin {margin-right: -130px;}
     .faq-img.img-right-margin { margin-right: -120px;}
     .sp-offer-img-left-margin {margin-left: -12%; padding-right: 20px;}
     /* home2 */
     .slider-height2 {height: 1000px;}
     .home2 .slider-content {  padding-top: 170px;}
     .home2.feature-area3 .img-left-margin2 {margin-left: -115px;padding-right: 10px;}
     .img-left-margin2 { margin-left: -40px;padding-right: 10px;}
     .img-right-margin2 { margin-right: -170px;}
     .work-img { margin-right: -45px; margin-left: 0;}
     .slider-img {padding-left: 80px;padding-right: 80px;}
     .testimonial-active2-variable-width .slick-slide,.product-active4-variable-width .slick-slide {width: 535px;}
     /* home3 */
     .slider-height1 .slider-content {margin-top: 0px;}
     .slider-height1 .row {margin-top: 95px;}
     .home3-about-img-wrapper-margin {margin-right: -55px;}
     .about-img1 { left: -55px;}
     .about-img2 {right: -55px;}
     .home3-team-img-wrapper-margin {
          margin-left: -66px;
          margin-right: 0;
     }
     .team-img2 {right: 30px;}
     .home3-team-primary-border { left: -18px;}
     .home3-testimonial-person-img1 {left: 40px;}
     .home3-testimonial-person-img2 {left: 180px;}
     .home3-testimonial-person-img3 {left: 20px;}
     .home3-testimonial-person-img4 {left: 180px;}
     .home3-testimonial-person-img7 {right: 170px;}
     .home3-testimonial-person-img8 {  right: 20px;}
     .home3-testimonial-shape1 {
          left: 61px;
          top: 40%;
     }
     .home3-testimonial-shape2 {left: 195px;}
     .home3-testimonial-shape4 {right: 60px;}
     .home5 .slider-content h1 {
          font-size: 55px;
     }
     .slider-content span {
          font-size: 30px;
     }
     .video-play {
          width: 60px;
          height: 60px;
          line-height: 60px;
     }
     /* home4 */
     .home4 .main-menu ul li {
          margin-right: 19px;
     } 
     .home4 .header-right .my-btn .btn {
          padding: 8px 30px;
          font-size: 15px;
     }
     .home4 .header-right .my-btn {
          padding: 0 20px;
     }
     .home4 .slider-img1 {  margin-right: 0; padding-left: 10px;}
     .facts-area.home4 {
          margin-top: 20px;
     }
     .home4 .about-bg-right {
          right: -100px;
     }
     .home4 .about-text {
          margin-top: 0;
     }
     .about-dotted-shape {
          bottom: -105px;
          right: 20px;
          z-index: -1;
     }
     .home4 .feature-img {
          margin-left: -80px;
          padding-right: 30px;
     }
     .home4 .title h3 {
          font-size: 38px;
          margin-bottom: 30px;
     }
     .home4-feature2-img-margin {
          margin-right: -80px;
     }
     .service-bg-right { right: -20%;}
     .home4.feature-area4 .about-bg-left {left: -15%;}
     /* home5 */
     .home5-about-margin {
          margin-top: -350px;
     }
     .home5 .download-logo {
          padding-top: 15px;
          padding-bottom: 5px;
     }
     .home5 .slider-img1 {
          margin-top: 90px;
          margin-right: 0;
          padding-left: 0;
     }
     .home5-about-margin {
          margin-top: -280px;
     }
     .home5-about-left-img {
          margin-left: -90px;
     }
     .home5-sp-feature-img {
          margin-right: -100px;
     }
     .home5-sp-feature-bg {
          padding-top: 170px;
     }
     .home5-screenshot-area {
          margin-top: 155px;
     }
     .service-cta-banner-img-wrapper-margin { margin-left: -85px;}
     .service-cta-banner-content {
          margin-top: 85px;
     }
     .service-cta-banner-bg {
          padding-bottom: 418px;
     }
     .about-us-marker {right: -75px;}
     .slider-social-link-area { left: -40px;}
     .slider-email-area {right: -60px;}
     .hm4-shape-2 {left: 6%;}
     .hm4-shape-6{right: 0;}
     .hm5-round-shape-5 {
          right: 2%;
          top: 55%;
     }
     .hm5-round-shape-2 {
          left: 45%;
          bottom: 22%;
     }
     .hm3-shape-1 { left: 3%;}
     .hm3-shape-9 {left: 45%;}
     .hm3-shape-3 {bottom: 19%;}
     .hm3-shape-8 {
          right: 18%;
          top: 18%;
     }
     .home3 .slider-height3 .row{ margin-top: 60px;}
     .slider-height3 .slider-content h1 { font-size: 54px;}
     .hm3-left-dotted{left:1%;}
     .hm3-bg-shape{max-width: 30%;}
     .hm3-bg-shape1{left: 0;}
     .hm3-bg-shape5 {
          left: 22%;
          bottom: -15px;
     }
     .about-us-marker, .about-us-marker-text {
          width: 180px;
          height: 175px;
     }
     .about-us-marker h3 {
          font-size: 22px;
     }


}



@media screen and (min-width: 1200px) and (max-width: 1320px) {
     .slider-img1 {margin-right: -20px;padding-left: 0;}
     .slider-left-dotted {left: -10px;bottom: 120px;}
     .single-slider.slider-height1 { height: 100vh;}
     .img-left-margin { margin-left: -50px;}
     .faq-img.img-right-margin { margin-right: -90px;}
     .sp-offer-img-left-margin {margin-left: -2%;}
     .home3-team-img-wrapper-margin {
          margin-left: -52px;
     }
     .home3-team-primary-border {left: 0;}
     .home4 .main-menu ul li {
          margin-right: 17px;
     } 
     .home4 .main-menu ul li >a {
          font-size: 17px;
     } 
     .about-dotted-shape {
          right: 0;
     }
     .home3-about-img-wrapper-margin {
          margin-right: -50px;
     }
     .home4 .feature-img {
          margin-left: -30px;
     }
     .home4-feature2-img-margin {
          margin-right: -30px;
     }
     .home4-feature3 .home4-feature-product-img {
          margin-left: -30px;
     }
     .home5-about-left-img {
          margin-left: -60px;
     }
     .home5-sp-feature-img {
          margin-right: -90px;
     }
     .service-cta-banner-img-wrapper-margin { margin-left: -40px;}
     .about-us-marker {right: -40px;}
     .about-us-img-wrapper {
          margin-right: -20px;margin-left: 15px;
     }


}





/* LG Device :992px. */
@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* home1 */
     .main-menu ul li {
          margin-right: 22px;
     }
     .my-btn .btn { padding: 10px 45px;}
     .ser-icon {
          width: 50px;
     }
     .single-slider.slider-height1 { height: 700px;}
     .slider-img1 {  margin-right: -50px; padding-left: 20px;}
     .s-dotted img { max-width: 75%;}
     .slider-left-dotted {left: -10px;bottom: 122px;}
     .slider-right-dotted { right: -50px;top: -55px;}
     .slider-content span {font-size: 24px;}
     .slider-content h1 {font-size: 40px;padding-right: 30px;margin-bottom: 0;}
     .slider-content p { font-size: 21px;}
     .shape { max-width: 40px; max-height: 25px;}
     .shape.s-shape{max-width: 11px;}
     .hm4-shape-2 {left: 3%;}
     .hm4-shape-6{right: 0;}
     .hm2-bg-shape10 {
          right: 0%;
          bottom: 26%;
     }
     .hm2-shape-8 {
          right: 4%;
          bottom: 30%;
     }
     .hm2-middle-dotted {
          right: 0px;
          top: -70px;
     }
     .hm2-shape {max-width: 42px;max-height: 22px;}
     .hm2-shape.s-shape, .hm5-shape.s-shape {max-width: 15px;}
     .hm5-shape{max-width: 40px;max-height: 16px;}
     .video-play { width: 60px; height: 60px;line-height: 61px;}
     .wave-pulse::before, .wave-pulse::after { width: 90px; height: 90px;}
     .video-player-btn { margin-top: 35px;}
     .img-left-margin { margin-left: -40px;}
     .title span {font-size: 19px;}
     .title h3 {font-size: 35px;}
     .about-area{margin-top: 60px;margin-bottom: 70px;}
     .about-text {margin-top: 30px;}
     h6 {font-size: 18px;}
     p {font-size: 17px;}
     .single-service-content {padding: 40px 25px 18px 28px;}
     .home2 .single-service-content {
          padding: 48px 25px 22px 28px;
     }
     .home2 .ser-icon { margin-bottom: 25px;}
     .feature-ser-icon {margin-right: 8px;}
     .img-right-margin {margin-right: -70px;}
     .single-facts { width: 212px; height: 170px;padding-top: 35px;padding-bottom: 40px;}
     .single-facts p{margin-top: 0 !important;}
     .screenshot-wrapper { margin-top: 140px;}
     .faq-area .row{align-items: center;}
     .faq-img.img-right-margin { margin-right: -75px;}
     .faq-area {padding-top: 75px;}
     .single-work-content {padding: 55px 30px 56px 38px;}
     .work-icon {margin-right: 15px;}
     .work-icon span {width: 50px;}
     .single-work-content h5 {font-size: 20px; }
     .testimonial-img {margin-left: -50px;}
     .my-btn .btn.f-18 {padding: 12.5px 34px;}
     /* home2 */
     .slider-height2 {height: 800px;}
     .home2 .slider-content {  padding-top: 150px;}
     .home2.feature-area3 .img-left-margin2 {margin-left: -75px;padding-right: 5px;}
     .img-left-margin2 { margin-left: -40px;padding-right: 10px;}
     .img-right-margin2 { margin-right: -170px;}
     .work-img { margin-right: -40px; margin-left: -15px;}
     .home2 .slider-img {padding-left: 80px;padding-right: 80px;margin-top: 60px;}
     .f-count span { font-size: 38px;}
     .sp-offer-img-left-margin {margin-left: -12%; padding-right: 0;}
     .tool-item1 { top: 120px; left: 140px;}
     .testimonial-active2-variable-width .slick-slide,.product-active4-variable-width .slick-slide {width: 440px;}
     /* home3 */
     .home3 .slider-img1 {
          padding-left: 0;
     }
     .home3 .slider-content.mt--30 {margin-top: 0;}
     .home3-single-intro-content {
          padding-left: 25px;
          padding-right: 25px;
     }
     .home3-about-img-wrapper-margin {
          margin-right: 0;
     }
     .home3-about-img-border {
          width: 430px;
          height: 320px;
     }
     .about-img1 {
          left: -35px;
          top: -40px;
          width: 65%;
     }
     .about-img2 {
          right: -35px;
          bottom: -40px;
          width: 65%;
     }
     .home3-single-service-border {
          padding-left: 30px;
          padding-right: 28px;
     }
     .home3-single-service-content .ser-icon { margin-right: 20px;}
     .home3-project-bg,.home3-about-bg{background-image: none !important; background: #f0f6fb;}
     .home3-service-area.home3 { margin-top: 135px;}
     .home3-project-margin {margin-top: 70px;}
     .home3-project-bg { padding-top: 140px; padding-bottom: 150px;}
     .home3-project-wrapper {margin-top: -200px;}
     .home3-about-bg {padding-bottom: 110px;padding-top: 50px;}
     .intro-area.home3 { margin-top: 140px;margin-bottom: 120px;}
     .home3-facts-area { margin-top: 140px;}
     .home3-feature-product-img-wrapper-margin.d-flex.justify-content-end.mt--45 {margin-top: 120px;     }
     .home3-feature-product-area {padding-top: 122px;}
     .home3-team-img-wrapper-margin { margin-left: -25px; margin-right: 0;}
     .team-img2 {right: 0; top: 95px;}
     .team-img1 {z-index: 1;}
     .home3-team-img-border {left: 75px;}
     .home3-team-primary-border {left: -20px;}
     .home3-team-area {padding-top: 150px;padding-bottom: 80px;}
     .home3-team-primary-border { left: -18px;}
     .home3-testimonial-area {padding-top: 150px;}
     .home3-testimonial-product-bg {padding-bottom: 250px;padding-top: 140px;}
     .home3-testimonial-area img {
          max-width: 60px;
     }
     .home3-testimonial-person-img1 {left: 30px;}
     .home3-testimonial-person-img2 {left: 150px;}
     .home3-testimonial-person-img3 {left: 10px;}
     .home3-testimonial-person-img4 {left: 150px;}
     .home3-testimonial-person-img7 {right: 120px;}
     .home3-testimonial-person-img8 {  right: 10px;}
     .home3-testimonial-shape1 {
          left: 61px;
          top: 40%;
     }
     .home3-testimonial-shape2 {
          left: 150px;
          width: 40px;
          height: 40px;
     }
     .home3-testimonial-shape4 {right: 60px;}
     .testimonial-text3 p {
          font-size: 22px;
     }
     .blog-area.home3 {
          padding-top: 120px;
          padding-bottom: 130px;
     }
     .home3 .footer-heading h4 {font-size: 30px;}
     .home3-single-service-content .service-text h5{font-size: 20px;} 
     /* home4 */
     .home4 .header-right {  margin-left: 0;}
     .home4 .main-menu ul li { margin-right: 20px;}
     .facts-area.home4 {
          margin-top: -60px;
     }
     .facts-area.home4 {
          margin-top: 45px;
          margin-bottom: 115px;
          padding-bottom: 0;
     }
     .home4 .about-bg-right {
          right: -150px;
     }
     .home4 .about-text {
          margin-top: 0;
     }
     .about-dotted-shape {
          bottom: -105px;
          right: 20px;
          z-index: -1;
     }
     .service-area.home4 {
          margin-bottom: 95px;
     }
     .service-area-margin{margin-top: -115px;}
     .service-area.home4 .single-service-content {padding: 55px 15px 45px 15px;}
     .home4 .feature-img {
          margin-left: -50px;
          padding-right: 10px;
     }
     .home4 .title h3 {
          margin-bottom: 25px;
     }
     .about-area.home4 { padding-bottom: 170px;}
     .testimonial-text4 {
          padding-left: 30px;
          padding-right: 30px;
     }
     .product-area.home4 { padding-bottom: 172px;}
     .banner-area.home4 {
          margin-top: 115px;
          margin-bottom: 112px;
     }
     .home4-feature-product-area.home4 {padding-top: 152px;}
     .testimonial-area.home4 {padding-top: 124px;padding-bottom: 127px;}
     .blog-area.home4 {
          padding-top: 140px;
          padding-bottom: 110px;
     }
     .home4-feature2-img-margin {
          margin-right: -60px;
     }
     .home4-feature3 .home4-feature-product-img {
          margin-left: -30px;
     }
     .title h4 {
          font-size: 34px;
     }
     .blog-area.home4 .btn-2 {padding-top: 50px;}
     .home4 .footer-widget.f-subscriber-area {
          padding-right: 0;
     }
     .service-bg-right { right: -40%;}
     .home4 .about-bg-left {left: -30%;top: 12%;}
     .about-dotted-shape {top: 65%;}
     .home4 .banner-content h4{font-size: 30px;}
     .home4-feature2 { padding-right: 0;}
     
     /* home5 */
     .menu-bar-home12 {
          margin-right: 0;
     }
     .home5-cta-feature-bg {padding-bottom: 115px;padding-top: 110px;}
     .slider-height5,.slider-height6,.slider-height3,.blog-details-slider-area .page-height { min-height: 700px;}
     .home5-about-bg {
          padding-top: 30px;
          padding-bottom: 122px;
     }
     .home5-about-margin {
          margin-top: 0;
          padding-bottom: 45px;
     }
     .home5 .download-logo {
          padding-top: 25px;
          padding-bottom: 15px;
     }
     .home5 .slider-img1 {
          margin-top: 60px;
          margin-right: 0;
          padding-left: 0;
     }
     .slider-height5 .slider-content {
          margin-top: 40px;
     }
     .home5-about-left-img {
          margin-left: 0px;
          margin-bottom: 0;
     }
     .home5-sp-feature-margin {
          margin-top: 105px;
     }
     .home5-sp-feature-img {
          margin-right: -50px;
     }
     .home5-about-bg,.home5-sp-feature-bg,.home5-more-feature-bg,.home5-review-bg ,.service-cta-banner-bg,.our-team-bg,.about-us-fact-area{background-image: none !important;}
     .home5-sp-feature-bg {
          padding-top: 55px;
          padding-bottom: 90px;
     }
     .home5-screenshot-area {
          margin-top: 115px;
          margin-bottom: 115px;
     }
     .home5-screenshot-area .slick-slide.slick-current.slick-active.slick-center img {
          height: 590px;
          margin-top: -55px;
     }
     .home5-screenshot-area .title h4 {padding-bottom: 0;}
     .home5-more-feature-bg {
          padding-bottom: 100px;
          padding-top: 115px;
     }
     .home5-more-feature-wrapper{
          margin-top: 20px;
     }
     .title.mt-15 {
          margin-top: -10px;
     }
     .home5-price-tab-area {
          padding-top: 130px;padding-bottom: 130px;
     }
     .review-area-home5-margin {
          margin-top: 0;
     }
     .home5-review-bg {
          padding-top: 125px;
          padding-bottom: 120px;
     }
     .home5 .testimonial-text5 {
          padding-right: 22px;
          padding-left: 25px;
     }
     .home5 .testimonial-text5 p {
          font-size: 18px;
     }
     .home5.faq-area {
          padding-top: 115px;
          margin-bottom: 0;
     }
     .home5 .title p {
          margin-top: 20px;
     }
     .home5 .footer-widget {
          padding-right: 0;
     }
     .home3-project-area .meta-wrapper {
          padding-left: 40px;
          padding-right: 30px;
     }
     /* home6 */
     .home6 .slider-content h1 { font-size: 75px;}
     .home6-blog-area .single-blog .single-blog-content {padding-top: 25px;padding-bottom: 20px;}
     .home6.about-area {padding-bottom: 30px;}
     .home6-about-content { padding-top: 180px;}
     .home6-work-area {padding-top: 135px;padding-bottom: 100px;}
     .portfolio-area { padding-top: 135px;padding-bottom: 60px;}
     .home3-service-area.home3.home6 { margin-top: 90px; padding-top: 135px;padding-bottom: 70px;}
     .home6-team-area.home6 {padding-top: 135px;padding-bottom: 140px;}
     .home6-testimonial-area {padding-top: 135px;padding-bottom: 140px;}
     .testimonial-text6 > p {font-size: 20px;}
     .testimonial-text6 { padding: 80px 30px 40px 30px;}
     .testimonial-text6 .quit {left: 30;}
     .home6-testimonial-area .testi-info {margin-top: 30px;}
     .blog-area.home6 { padding-top: 150px; padding-bottom: 120px;}
     .home6 .port-button { margin-top: 40px;  margin-bottom: 45px;}
     .home6 .port-over-content h3 {font-size: 18px;}
     .home6 .port-over-content {
          padding-left: 25px;
          padding-right: 19px;
     }
     /* home7 */
     .slider-height7 .slider-content h1, .slider-height7 .slider-content span {font-size: 38px;}
     .slider-height7{min-height: 550px;}
     .slider-height7 .slider-content {margin-top: 145px;}
     .home7.portfolio-area {
          padding-top: 0;
          padding-bottom: 150px;
     }
     .port-content {
          font-size: 14px;
          width: 45px;
          height: 45px;
          line-height: 45px;
     }
     .home6 .port-over-content {
          padding-top: 10px;
          padding-bottom: 20px;
     }
     .single-portfolio:hover .port-content {top: 20px;}
     .home7-cta-banner-area{padding-top: 140px;padding-bottom: 140px;}
     .home8.portfolio-area{padding-bottom: 60px;}
     .testimonial-area.home8.home4 {padding-top: 135px;padding-bottom: 135px;}
     .service-cta-banner-img-wrapper-margin {margin-left: -20px;margin-top: 0;}
     .service-cta-banner-content {padding-top: 0;}
     .service-cta-banner-area { padding-top: 12px;}
     .service-cta-banner-bg {padding-bottom: 120px;padding-top: 130px;}
     .feature-area.feature-area4.home4.service-page { padding-bottom: 105px;}
     .faq-service-page-area {padding-top: 115px;padding-bottom: 80px;}
     .testimonial-area.service-page {margin-top: 95px;margin-bottom: 95px;}
     .footer-area.service-page { padding-top: 95px;}
     .speciality-area .single-service-content { padding: 0;}
     .our-team-info h3 {  font-size: 20px;}
     .home3-single-facts p {font-size: 22px;}
     .about-us-marker, .about-us-marker-text {
          width: 170px;
          height: 160px;
     }
     .about-us-marker h3 {
          font-size: 20px;
     }
     .about-us-marker {right: -30px;}
     .about-us-fact-bg{padding-bottom: 60px;}
     .about-us-fact-bg.home3-facts-area { margin-top: 55px;}
     .speciality-area {padding-top: 135px;padding-bottom: 85px;}
     .our-team-bg{padding-top: 135px;padding-bottom: 140px;}
     .partner-area{padding-top: 135px;}
     .single-page h1 {font-size: 52px;}
     .page-height {min-height: 520px;}
     .blog-page-sidebar {padding-left: 0;padding-right: 0;}
     .blog-page2-area .blog-page1-content { padding-left: 40px; padding-right: 40px;}
     .blog-page2-area .blog-page1-content.blog-page3-content {padding-left: 0;padding-right: 30px;}
     .blog-page1-area.portfolio-area.blog-page {margin-top: 0;margin-bottom: 95px;}
     .blog-portfolio-content.blog-portfolio-content-shadow {padding-left: 25px;padding-right: 20px;}
     .blog-portfolio-content.blog-portfolio-content-shadow h6 { font-size: 17px;}
     .page-title {margin-top: 60px;}
     .slider-middle-dotted {
          top: 0px;
          left: 20px;
          max-width: 130px;
          max-height: 130px;
     }
     .hm4-slider-right-dotted {right: 0;}
     .hm3-shape-1 { left: 3%;}
     .hm3-shape-9 {left: 25%;}
     .hm3-shape-3 {bottom: 19%;}
     .hm3-shape-8 {
          right: 18%;
          top: 18%;
        }
     .home3 .slider-height3 .row{ margin-top: 60px;}
     .hm3-left-dotted{left:1%;}
     .hm3-bg-shape{max-width: 40%;}
     .hm3-bg-shape1{left: 0;}
     .pricing-plan-section .tab-content{padding-left: 10px;}
     .pricing-plan-section{padding-bottom: 130px;padding-top: 135px;}
     .home3 .modal-body {
          padding-left: 40px;
          padding-right: 40px;
     }
     .about-us-img-wrapper {
          margin-right: 0px;margin-left: 0px;
     }


}


/* MD Device :768px. */
@media screen and (min-width: 768px) and (max-width: 991px) {

     /* home1 */
     .header {padding: 22px 0;}
     .sticky-menu .header {padding: 6px 0;}
     .logo img {max-width: 85%;}
     .my-btn .btn { padding: 8px 36px;font-size: 14px;}
     .container {
          max-width: 760px;
     }
     .single-slider.slider-height1 { height: 600px;}
     .slider-img1 {  margin-right: -25px; padding-left: 0;}
     .s-dotted img { max-width: 60%;}
     .slider-left-dotted {left: -15px;bottom: 92px;}
     .slider-right-dotted { right: -90px;top: -45px;}
     .slider-content span {font-size: 18px;}
     .slider-content h1 {font-size: 36px;margin-bottom: 0;}
     .slider-content p { font-size: 17px;}
     .shape { max-width: 30px;max-height: 25px;}
     .shape.s-shape{max-width: 10px;}
     .hm4-shape-2 {left: 3%;}
     .hm4-shape-6{right: 0;}
     .video-play { width: 40px; height: 40px;line-height: 40px;font-size: 12px;}
     .wave-pulse::before, .wave-pulse::after { width: 60px; height: 60px;}
     .video-player-btn { margin-top: 35px;}
     .video-player-btn span {font-size: 15px;padding-left: 12px;}
     .img-left-margin { margin-left: 0;margin-top: 0;}
     .brand-area{margin-top: 50px;}
     .about-area{margin-top: 30px;}
     .title h3 {font-size: 33px;
     }
     .about-text {margin-top: 25px;}
     p {font-size: 17px;}
     .about-area{margin-top: 55px;margin-bottom: 50px;}
     .feature-area { margin-top: 90px;}
     .single-service-content {padding:35px 15px 14px 20px}
     .home2 .single-service-content {
          padding: 40px 15px 14px 20px;
     }
     .service-area .col-12 { padding-left: 10px; padding-right: 10px;}
     .ser-icon {width: 50px;}
     .ser-icon {margin-bottom: 12px;}
     .home2 .ser-icon {
          margin-bottom: 20px;
     }
     .feature-bg ,.work-bg,.sp-offer-bg {
          padding-top: 28px;
          background-image: none !important;
          background-color: #f0f6fb;
     }
     .feature-bg{padding-top: 95px;}
     .sp-feature-bg.feature-bg{padding-top: 30px;padding-bottom: 35px;}
     .sp-feature-area {padding-bottom: 105px;margin-top: 0;}
     .img-right-margin {margin-right:0;margin-top: 0;}
     .sp-feature-content {  margin-top: 0;padding-bottom: 60px;}
     .facts-area { padding-bottom: 170px;}
     .facts-wrapper {margin-top:50px}
     .single-facts { width: 174px; height: 135px;padding-top: 32px;padding-bottom: 40px;}
     .single-facts p{margin-top: 0 !important;font-size: 16px;}
     .single-facts span { font-size: 25px;}
     .theme-bg-fact {top: 112px; }
     .single-facts-margin-left {margin-left: -40px;}
     .screenshot-wrapper { margin-top: 50px;}
     .screenshot-area {padding-top: 105px;margin-top: 40px;}
     .faq-img.img-right-margin {margin-right: 0;}
     .faq-area {padding-top: 0;}
     .faq-content { margin-top: 38px }
     .work-bg {padding-top: 115px;padding-bottom: 10px;}
     .single-work-content {text-align:center;padding:65px 30px 56px 38px; margin-left: 10px;}
     .work-icon {margin-right: 0;}
     .single-work-content h5 {font-size: 20px;margin-bottom: 10px;margin-top: 20px;}
     .item-tag-wrapper {margin: 0 auto;left: 0;right: 0;}
     .work-wrapper {padding-bottom: 30px;}
     .testimonial-area {margin-top: 85px;margin-bottom: 5px;}
     .testimonial-img {margin-left: 0;margin-bottom: 40px; text-align: center;}
     .testimonial-wrapper { margin-top: 30px;}
     .quit { top: -80px;}
     .banner-wrapper {padding: 47px 40px 62px 50px;}
     .banner-area { bottom: -150px;margin-top: -78px;}
     .footer-top {padding-top: 30px;padding-bottom: 40px;}
     .side-mobile-menu h6 {font-size: 12px;}
     /* home2 */
     .slider-height2 {height: 800px;}
     .home2 .slider-content {  padding-top: 150px;}
     .home2.feature-area3 .img-left-margin2 {margin-left: 0;padding-right: 0;}
     .img-left-margin2 { margin-left: 0;padding-right: 0;}
     .img-right-margin2 { margin-right: 0;padding-right: 0;}
     .work-img { margin-right: 0; margin-left: 0;}
     .home2 .slider-img {margin-top: 60px;}
     .f-count span { font-size: 38px;}
     .sp-offer-img-left-margin {margin-left: -12%; padding-right: 0;}
     .tool-item1 { top: 120px; left: 140px;}
     .sp-offer-img-left-margin {margin-left: 30px; padding-right: 0;}
     .home2.banner-area {bottom: -180px;margin-top: -110px;}
     .home2.service-area h6 { font-size: 20px;}
     .img-reverse .feature-content{margin-top: 50px;}
     .price-item-list span {padding-right: 5px;}
     .home3 .price-item-list { padding-left: 15px; padding-right: 10px;}
     h3 {font-size: 35px;}
     .sp-offer-bg{padding-top: 120px; padding-bottom: 0;}
     .home2 .banner-content h4 {font-size: 25px; }
     .home2.testimonial-area{padding-top: 50px;}
     .testimonial-active2-variable-width .slick-slide ,.product-active4-variable-width .slick-slide{width: 540px;}
     /* home3 */
     .home3 .slider-img1 {
          padding-left: 0;
     }
     .home3 .slider-content.mt--30 {margin-top: 0;}
     .home3-about-img-wrapper-margin {margin-right: 0; margin-top: 110px; justify-content: center !important;}
     .home3-single-service-border {
          padding-left: 35px;
          padding-right: 30px;
     }
     .home3-single-service-content .ser-icon { margin-right: 20px;}
     .home3-project-bg,.home3-about-bg,.home3-feature-product-bg,.home3-feature-product-area,.home3-testimonial-product-bg{background-image: none !important; background: #f0f6fb;}
     .home3-service-area.home3 { margin-top: 115px;}
     .home3-service-wrapper {padding-top: 70px;}
     .home3-project-margin {margin-top: 50px;}
     .home3-project-bg { padding-top: 120px; padding-bottom: 130px;}
     .home3-project-wrapper {margin-top: -200px;}
     .home3-about-bg {padding-bottom: 205px;padding-top: 30px;}
     .intro-area.home3 { margin-top: 120px;margin-bottom: 100px;}
     .home3-facts-area { margin-top: 120px;}
     .home3-single-facts.theme-bg.mt-60 {margin-top: 0;}
     .row.home3-facts-wrapper {margin-top: 60px;}
     .home3-feature-product-img-wrapper-margin {margin-top: 75px;  justify-content: center !important; }
     .home3-feature-product-area {padding-top: 0;margin-top: 100px;}
     .home3-feature-product-left-content {padding-top: 115px;}
     .home3-feature-product-bg {padding-bottom: 120px;}
     .home3-team-img-wrapper-margin { margin-left: 0; margin-right: 0; margin-top: 50px;}
     .home3-team-area {padding-top: 115px;padding-bottom: 10px;}
     .home3-team-primary-border { left: -10px;}
     .home3-testimonial-area {padding-top: 130px;}
     .home3-testimonial-product-bg {padding-bottom: 95px;padding-top: 120px;}
     .t-person-width {
          max-width: 45px;
     }
     .home3-testimonial-person-img1 {left: 30px;}
     .home3-testimonial-person-img2 {left: 120px;}
     .home3-testimonial-person-img3 {left: 10px;}
     .home3-testimonial-person-img4 {left: 120px;}
     .home3-testimonial-person-img7 {right: 90px;}
     .home3-testimonial-person-img8 {  right: 10px;}
     .home3-testimonial-shape1 {
          left: 61px;
          top: 40%;
          width: 15px;
          height: 15px;
     }
     .home3-testimonial-shape2 {
          left: 100px;
          width: 20px;
          height: 20px;
     }
     .home3-testimonial-shape3 {
          width: 10px;
          height: 10px;
          right: 220px
     }
     .home3-testimonial-shape4 {
          width: 20px;
          height: 20px;
     }
     .home3-testimonial-shape4 {right: 60px;}
     .testimonial-text3 p { font-size: 20px;}
     .blog-area.home3 {
          padding-top: 115px;
          padding-bottom: 90px;
     }
     .home3 .single-blog-content {padding-left: 25px;}
     .home3 .footer-heading h4 {font-size: 32px;}
     .home3-blog-wrapper { margin-top: 60px;}
     .footer-heading .my-btn {margin-top: 30px; margin-bottom: 20px;}
     .home3 .footer-top { padding-top: 0;}
     .home3 .project-over-content {padding: 30px 10px 20px 10px;}
     .home3 .project-over-content h6 {
          font-size: 20px;
          line-height: 1;
     }
     .home3 .project-content span { font-size: 50px;}
     .blog-area .modal-content h2 {font-size: 28px;}
     .blog-area .blog-meta {width: 60% !important;}
     .home3-single-service-content::after { z-index: -1;}
     /* home4 */
     .home4 .header-right {  margin-left: 0;}
     .home4 .header-right .my-btn {
          padding: 0 22px;padding-left: 0;
     }
     .home4 .header-right .my-btn .btn {
          padding: 10px 32px;
     }
     .home4 .banner-btn {margin-top: 32px;}
     .facts-area.home4 {
          margin-top: 0;
          margin-bottom: 105px;
          padding-bottom: 0;
     }
     .home4 .about-left-content {  margin-bottom: 35px;}
     .home4 .about-bg-right {
          right: -140px;
          top: 66%;
     }
     .home4 .about-text {
          margin-top: 0;
     }
     .about-area.home4 .btn-2 {
          padding-top: 30px;
     }
     .about-dotted-shape {
          bottom: -105px;
          right: 20px;
          z-index: -1;
     }
     .service-area.home4 {
          margin-top: 0;
          margin-bottom: 86px;
     }
     .service-text h5 {
          font-size: 20px;
     }
     .service-area.home4 .single-service-content {padding: 55px 15px 45px 15px;}
     .service-area.home4 .ser-icon {
          margin-bottom: 30px;
     }
     .home4 .feature-img {
          margin-left: 0px;
          padding-right: 0px;
          margin-bottom: 50px;
     }
     .home4 .title h3 {
          margin-bottom: 25px;
     }
     .product-area.home4 {
          padding-bottom: 150px;
     }
     .home4.banner-area {
          margin-top: 90px;
     }
     .home4 .ser-icon {
          width: 75px;
     }
     .home4 .title h3 {
          margin-bottom: 25px;
     }
     .product-area.home4 {
          padding-bottom: 75px;
     }
     .home4.banner-area {
          margin-top: 70px;
          margin-bottom: 110px;
     }
     .home4 .ser-icon {
          width: 65px;
     }
     .home4 .banner-wrapper {
          padding-bottom: 55px;
     }
     .home4-feature2.home4 .title h3{margin-bottom: 0;}
     .home4-feature2-img-margin {
          margin-right: 0;
          margin-top: 75px;
     }
     .home4-feature3 .home4-feature-product-img {
          margin-left: 0;margin-top: 60px;
     }
     .home4-feature3 {
          background: #F3F9FB;
          margin-top: 125px;
          padding-top: 55px;
          padding-bottom: 65px;
     }
     .blog-area.home4 {
          padding-top: 120px;
          padding-bottom: 100px;
     }
     .blog-area.home4 .btn-2 {
          padding-top: 0px;padding-bottom: 20px;
     }
     .home4 .footer-widget.f-subscriber-area {
          padding-right: 0;
     }
     .footer-area.home4 {
          padding-top: 70px;
     }
     .home4 .testimonial-wrapper {margin-top: 0;}
     .service-bg-right { right: -50%;top: 25%;}
     .home4 .about-bg-left {left: -40%;top: 12%;}
     .about-dotted-shape {top: 70%;}
     .about-area.home4 { padding-bottom: 116px;margin-bottom: 0;}
     .home4.home4-feature3 {margin-top: 115px;
          padding-top: 62px;
          padding-bottom: 72px;
     }
     .home4.testimonial-area {padding-top: 45px;padding-bottom: 120px;}
     /* home5 */
     .slider-height5, .slider-height6,.slider-height3,.blog-details-slider-area .page-height{ min-height: 600px;}
     .home5 .download-logo {
          padding-top: 25px;
          padding-bottom: 15px;
     }
     .home5 .slider-img1 {
          margin-top: 20px;
          margin-right: -50px;
          padding-left: 0;
     }
     .slider-height5 .slider-content {
          margin-top: 0;
     }
     .home5 .download-logo img {
          max-width: 130px;
     }
     .home5-about-left-img {
          margin-left: 0px;
          margin-bottom: 0;
     }
     .home5-about-bg,.home5-sp-feature-bg,.home5-more-feature-bg,.home5-review-bg,.service-cta-banner-bg,.about-us-fact-bg,.our-team-bg{background-image: none;}
    .home5-about-margin {margin-top: 0;padding-bottom: 25px;}
    .home5-about-bg {
          padding-top: 30px;
          padding-bottom: 120px;
     }
     .home5-sp-feature-bg {
          padding-top: 42px;
          padding-bottom: 110px;
     }
     .home5-sp-feature-margin {
          margin-top: 105px;
     }
     .home5-sp-feature-img {
          margin-right: 0;margin-top: 20px;
     }
     .home5-screenshot-area {
          margin-top: 105px;margin-bottom: 105px;
     }
     .home5-screenshot-wrapper .slick-track {padding-top: 70px;}
     .home5-more-feature-bg {
          padding-bottom: 90px;
          padding-top: 105px;
     }
     .home5-more-feature-wrapper{
          margin-top: 20px;
     }
     .home5 .title p {
          margin-top: 30px;
     }
     .title.mt-15 {
          margin-top: -10px;
     }
     .home5-price-tab-area {
          padding-top: 130px;padding-bottom: 130px;
     }
     .review-area-home5-margin {
          margin-top: 0;
     }
     .home5-review-bg {
          padding-top: 125px;
          padding-bottom: 120px;
     }
     .home5.faq-area {
          padding-top: 90px;
          margin-bottom: 0;
     }
     .home5 .title p {
          margin-top: 20px;
     }
     .home5-cta-feature-bg {
          padding-top: 155px;
          padding-bottom: 115px;
     }
     .home3-project-area .meta-wrapper {margin-top: 50px;}
     /* home6 */
     .slider-email-area {right: -55px;}
     .slider-social-link-area {left: -20px;}
     .home6 .slider-content h1 { font-size: 60px;}
     .home6.about-area { margin-top: 0;padding-bottom: 45px;}
     .home6-about-content { padding-top: 85px;}
     .home6-work-area {padding-top: 115px;padding-bottom: 80px;}
     .portfolio-area { padding-top: 115px;padding-bottom: 40px;}
     .home3-service-area.home3.home6 { margin-top: 90px; padding-top: 115px;padding-bottom: 50px;}
     .home6-team-area.home6 {padding-top: 115px;padding-bottom: 120px;}
     .home6-testimonial-area {padding-top: 115px;padding-bottom: 120px;}
     .blog-area.home6 { padding-top: 125px; padding-bottom: 100px;}
     .home6 .port-button { margin-top: 40px;  margin-bottom: 45px;}
     .home6 .port-over-content h3 {font-size: 18px;}
     /* home7 */
     .slider-height7 .slider-content h1, .slider-height7 .slider-content span {font-size: 32px;}
     .slider-height7{min-height: 500px;}
     .slider-height7 .slider-content {margin-top: 130px;}
     .home7.portfolio-area {padding-top: 0;padding-bottom: 130px;}
     .port-content {
          font-size: 14px;
          width: 45px;
          height: 45px;
          line-height: 45px;
     }
     .home6 .port-over-content { padding-top: 10px;padding-bottom: 20px;}
     .single-portfolio:hover .port-content {top: 20px;}
     .home7-cta-banner-area{padding-top: 120px;padding-bottom: 120px;}
     .home8.portfolio-area{padding-bottom: 40px;}
     .testimonial-area.home8.home4 {padding-top: 45px;padding-bottom: 115px;}
     .page-height {min-height: 470px;}
     .page-title {margin-top: 100px;}
     .service-cta-banner-img-wrapper-margin {margin-left: 0;margin-top: 0;margin-top: 60px;}
     .service-cta-banner-content {padding-top: 0;}
     .service-cta-banner-area { padding-top: 12px;}
     .service-cta-banner-bg {padding-bottom: 115px;padding-top: 105px;}
     .feature-area.feature-area4.home4.service-page { padding-bottom: 95px;padding-top: 15px;}
     .faq-service-page-area {padding-top: 105px;padding-bottom: 70px;}
     .faq-service-page-area .faq-wrapper{margin-top: 20px;}
     .testimonial-area.service-page {margin-top: 85px;margin-bottom: 75px;}
     .footer-area.service-page { padding-top: 60px;}
     .feature-area.service-page.home4 .ser-icon { width: 90px;}
     .feature-area.service-page .ser-icon span {width: 90px; height: 90px;line-height: 90px;}
     .feature-area.service-page .ser-icon span img{width: 35px;}
     .banner-area.service-page{margin-top: 0;padding-top: 2px;}
     .banner-area.service-page .banner-btn {margin-top: 30px;}
     .service-page.home4 .ser-icon { width: 50px;}
     /* about-us */
     .speciality-area .single-service-content { padding: 0;}
     .our-team-info h3 {  font-size: 20px;}
     .home3-single-facts p {font-size: 22px;}
     .about-us-about-area{padding-top: 115px;}
     .about-us-fact-bg{padding-bottom: 50px;padding-top: 60px;}
     .about-us-fact-bg.home3-facts-area { margin-top: 105px;}
     .speciality-area {padding-top: 115px;padding-bottom: 70px;}
     .our-team-bg{padding-top: 115px;padding-bottom: 110px;}
     .our-team-wrapper {margin-bottom: 85px;}
     .about-us-team .our-team-wrapper {margin-bottom: 135px;}
     .our-team-wrapper-margin {padding-top: 25px;}
     .partner-area{padding-top: 115px;padding-bottom: 70px;}
     .partner-wrapper  {padding-top: 40px;}
     .single-page h1 {font-size: 48px;}
     .header .my-btn .btn.transparent-bg,.sticky-menu .header .my-btn .btn.transparent-bg {padding: 10px 30px;font-size: 16px;}
     .our-team-area.team-page{padding-top: 100px;padding-bottom: 150px;}
     .blog-page-sidebar {padding-left: 0;padding-right: 0;}
     .blog-page{margin-top: 62px;margin-bottom: 130px;}
     .blog-page2-area.blog-page{margin-top: 0;margin-bottom: 130px;}
     .blog-page2-height .page-title {  margin-top: 0;}
     .blog-page2-area .blog-page1-content { padding-left: 20px; padding-right: 20px;}
     .blog-page2-height{min-height: 400px;}
     .page-title h2 {font-size: 35px;}
     .blog-page2-area .blog-page1-content.blog-page3-content {padding-left: 0;padding-right: 0;}
     .blog-page2-area .blog-page1-content.blog-page3-content h4 {font-size: 30px;}
     .blog-page1-area.portfolio-area.blog-page {margin-top: 0;margin-bottom: 95px;}
     .blog-portfolio-content.blog-portfolio-content-shadow {padding-left: 28px;padding-right: 22px;}
     .blog-portfolio-content.blog-portfolio-content-shadow h6 { font-size: 17px;}
     .page-title {margin-top: 50px;}
     .quote-area { padding: 50px 40px 50px 40px;}
     .error-area{margin-top: 130px;margin-bottom: 130px;}
     .contact-icon {margin-right: 0;margin-bottom: 20px;}
     .map-wrapper{margin-top: 110px;}
     .slider-middle-dotted {
          top: 0px;
          left: 10px;
          max-width: 100px;
          max-height: 100px;
     }
     .hm2-bg-shape10 {
          right: 0%;
          bottom: 34%;
     }
     .hm2-shape-8 {
          right: 4%;
          bottom: 40%;
     }
     .hm2-middle-dotted {
          right: -30px;
          top: -28px;
     }
     .hm2-shape {max-width: 35px;max-height: 22px;}
     .hm2-shape.s-shape, .hm5-shape.s-shape {max-width: 12px;}
     .hm5-shape{max-width: 30px;max-height: 16px;}
     .hm2-middle-dotted img {max-width: 150px;}
     .hm2-left-dotted img,.hm2-right-dotted img{max-height: 80px;}
     .hm3-shape-1 { left: 1%;}
     .hm3-shape-9 {left: 42%;}
     .hm3-shape-3 {bottom: 12%;}
     .hm3-shape-8 {
          right: 18%;
          top: 18%;
     }
     .hm3-shape-2,.hm3-shape-5{max-width: 35px;}
     .hm3-shape.s-shape{max-width: 12px;}
     .hm3-left-dotted{left:0;}
     .hm3-shape{max-width: 45px;}
     .hm3-bg-shape{max-width: 40%;}
     .hm3-bg-shape1{left: 0;}
     .slider-area.home2 { padding-bottom: 115px;}
     .service-area.home2 {
          margin-top: 77px;
          padding-bottom: 50px;
     }
     .feature-area.home2 {  margin-top: 115px; }
     .feature-area.home2.hm2-feature-area2 { margin-top: 55px;}
     .feature-area.feature-area3.home2{ margin-top: 62px;margin-bottom: 115px;}
     .home2.feature-area .feature-img{margin-top: 40px;}
     .home2 .work-bg {
          padding-top: 90px;
          padding-bottom: 75px;
     }
     .price-area.home2 {
          margin-top: 118px;
          margin-bottom: 90px;
     }
     .home2 .sp-offer-bg {
          padding-top: 107px;
          padding-bottom: 65px;
     }
     .home2 .sp-feature-content{margin-bottom: 0;}
     .home2.testimonial-area {
          padding-top: 30px;padding-bottom: 160px;
     }
     .home2.banner-area {
          bottom: -100px;
          margin-top: -110px;
     }
     .mean-container .mean-nav ul li a span {
          text-align: left !important;
     }
     .faq-area {
          margin-bottom: 80px;
     }
     .banner-btn {
          margin-top: 30px;
     }
     .copyright-text {
          margin-top: 65px;
     }
     .home6-blog-area  .single-blog-content {padding-top: 60px;padding-left: 60px;padding-right: 60px;}
     .home6-blog-area .single-blog-content h6{font-size: 28px;}
     .testimonial-wrapper { margin-right: 0;}
     .avatar-info h6 {font-size: 18px;}
     .testimonial-text2, .testimonial-text4 {
          padding-left: 30px;
          padding-right: 20px;
     }
     .home2 .testimonial-wrapper {
          padding-top: 0;
          margin-top: 10px;
     }
     .footer-area.home2 {padding-top: 160px;}
     .home7 .footer-widget.pr-100 {  padding-right: 0;}
     .testimonial-active-home6 {
          margin-top: 30px;
     }
     .pricing-plan-section .tab-content{padding-left: 0;}
     .pricing-plan-section {padding-top: 120px; padding-bottom: 130px;}
     .tool-item5 {right: 24px;}
     .review-area-home5 .testimonial-active-home5 .slick-dots {left: 65px;}
     .our-team-info {
          bottom: -80px;
          padding-top: 70px;
     }
     .about-us-img-wrapper {
          margin-right: 20px;
          margin-left: 0;
     }



}



/* Extra small Device. */
@media screen and (max-width: 767px) {

     /* home1 */
     .header {padding: 14px 0;}
     .sticky-menu .header {padding: 6px 0;}
     .logo img {max-width: 78%;}
     .sticky-menu .logo img {max-width: 75%;}
     .my-btn .btn { padding: 6px 32px; font-size: 14px;}
     .slider-content {margin-top: 0px;}
     .home4 .slider-content,.home3 .slider-content {margin-top: 30px;}
     .single-slider.slider-height1 { height: 820px;background-size: cover;}
     .single-slider.slider-height1 { height: 750px;background-size: cover;}
     .slider-img1 {  margin-right: 0; padding-left: 0; margin-top: 50px;}
     .slider-content span {font-size: 15px;}
     .slider-content h1 {font-size: 30px;margin-bottom: 0;}
     .slider-content p { font-size: 14px;}
     .shape { max-width: 20px;max-height: 15px;}
     .shape.s-shape{max-width: 8px;}
     .hm4-shape-2 {left: 5%;}
     .slider-middle-dotted {
          top: -13px;
          left: 0;
          max-width: 80px;
          max-height: 80px;
     }
     .login-area h4,.register-area  h4 {
          font-size: 25px;
     }
     .hm4-shape-6{right: 0;}
     .page-shape-2 {left: 5%;top: 100px;}
     .page-shape-3 {left: 8%;bottom: 60px;}
     .page-shape-7 {top: 80px;}
     .video-play { width: 40px; height: 40px;line-height: 40px;font-size: 12px;}
     .wave-pulse::before, .wave-pulse::after { width: 60px; height: 60px;}
     .video-player-btn { margin-top: 35px;}
     .video-player-btn span {font-size: 15px;padding-left: 12px;}
     .brand-active {margin-top: 20px;}
     .brand-area{margin-top: 50px;}
     .home2.brand-area{margin-top: 0px;}
     .about-area{margin-top: 30px;}
     .img-left-margin { margin-left: 0;}
     .testimonial-wrapper { margin-right: 0;}
     .pricing-plan-section .tab-content{padding-left: 0;}
     .pricing-plan-section {padding-top: 80px; padding-bottom: 100px;}
     .pricing-plan-section .tab-content .table-content .price-table {width: 300px;}
     .home2 .testimonial-wrapper {
          padding-top: 0;
          margin-top: 10px;
     }
     .feature-text2.mt-40 {
          margin-top: 10px;
     }
     .modal-tags h6 {
          padding-bottom: 10px;
     }
     .footer-area.home2 {padding-top: 155px;}
     .testimonial-text2 {
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 3px;
     }
     .home3-single-facts-margin{margin-top: 0;}
     .testimonial-text4{padding-left: 30px;padding-right: 30px;}
     .title h3 {font-size: 24px;
          margin-bottom: 10px;
     }
     .title span {font-size: 16px;}
     .about-text {margin-top: 20px;}
     h6 {font-size: 17px}
     p {font-size: 16px;}
     .my-btn .btn.f-18 {font-size: 15px;padding: 10px 32px;}
     .about-area{margin-top: 20px;margin-bottom: 50px;}
     .feature-area {margin-top: 55px;}
     .single-service-content {padding: 42px 30px 20px 30px;margin-top: 0;}
     .ser-icon {
          width: 48px;
     }
     .sp-feature-area {padding-bottom: 80px;margin-top: 0;}
     .feature-bg,.work-bg,.sp-offer-bg {
          padding-top: 28px;
          background-image: none !important;
          background-color: #f0f6fb;
     }
     .feature-bg{padding-top: 70px;}
     .sp-feature-bg.feature-bg {padding-bottom: 35px;padding-top: 25px;}
     .img-right-margin {margin-right:0;margin-top: 0;}
     .sp-feature-content {  margin-top: 0;padding-bottom: 55px;}
     .facts-area { padding-bottom: 10px;}
     .facts-wrapper {text-align: center;margin-top:40px}
     .single-facts{ width: 151px;height: 170px; padding-top:40px; padding-bottom:30px; margin-left: auto;margin-right: auto;}
     .single-facts span { font-size: 35px;}
     .single-facts p{margin-top: 0 !important;font-size: 16px;}
     .facts3,.facts5 {margin-left: 0; margin-top: 80px;}
     .facts2,.facts4 { top: 142px;}
     .facts5{margin-left: -118px; display: block !important;}
     .screenshot-wrapper { margin-top: 0;}
     .screenshot-area {padding-top: 80px;margin-bottom: 142px;margin-top: 50px;}
     .screenshot-wrapper img {padding: 2px;}
     .gallery {padding-top: 160px;}
     .faq-img.img-right-margin {margin-right: 0;}
     .faq-area {padding-top: 0;margin-bottom: 70px;}
     .faq-content { margin-top:0 }
     .faq-wrapper .btn {padding: 15px 24px; font-size: 16px;}
     .faq-wrapper h6 a.btn::after {top: 20px;font-size: 10px;}
     .work-bg {padding-top: 65px;}
     .single-work-content {text-align:center;padding: 65px 25px 56px 25px; margin-left: 10px;}
     .work-icon {margin-right: 0;}
     .single-work-content h5 {font-size: 20px;margin-bottom: 10px;margin-top: 20px;}
     .item-tag-wrapper {margin: 0 auto;left: 0;right: 0;}
     .work-wrapper {padding-bottom: 10px;}
     .testimonial-area {margin-top: 60px;margin-bottom: 0px;}
     .testimonial-text {
          padding-bottom: 5px;
     }
     .testimonial-img {margin-left: 0;margin-bottom: 70px; text-align: center;}
     .testimonial-wrapper { margin-top: 20px;}
     .quit { top: -70px;}
     .quit span {font-size: 40px;}
     .testimonial-text p {font-size: 18px;}
     .testi-info { margin-top: 38px;}
     .avatar-info p { font-size: 15px;}
     .banner-wrapper {padding: 45px 28px 64px 38px;}
     .banner-wrapper h4{  font-size: 22px;}
     .banner-btn {margin-top: 25px;}
     .banner-area { bottom: -175px;margin-top: -105px;}
     .useful-link{margin-top: 10px;}
     .useful-link li {padding-left: 0; padding: 0 10px; margin-bottom: 5px;}
     .phone-contact a { font-size: 26px;}
     .phone-contact span {  font-size: 18px;}
     .copyright-text {   margin-top: 6px;   margin-bottom: 0;}
     .f-logo{margin-bottom: 20px;}
     .footer-top {padding-top: 50px;padding-bottom: 20px;}
     .rbm-text { display: flex;flex-direction: column;}
     .side-mobile-menu h6 {font-size: 12px;}
     /* home2 */
     .slider-height2 {height: 600px;}
     .home2 .slider-content {  padding-top: 110px;}
     .slider-content h1 {font-size: 25px;}
     .home2.feature-area3 .img-left-margin2 {margin-left: 0;padding-right: 0;}
     .img-left-margin2 { margin-left: 0;padding-right: 0;}
     .img-right-margin2 { margin-right: 0;}
     .work-img { margin-right: 0; margin-left: 0;}
     .home2 .slider-img {margin-top: 50px;}
     .f-count span { font-size: 38px;}
     .sp-offer-img-left-margin {margin-left: -12%; padding-right: 0;}
     .tool-item1 { top: 120px; left: 140px;}
     .sp-offer-img-left-margin {margin-left: 0; padding-right: 0;}
     .home2.banner-area {bottom: -180px;margin-top: -110px;}
     .home2.service-area h6 { font-size: 20px;}
     .img-reverse .feature-content{margin-top: 50px;}
     .price-item-list span {padding-right: 5px;}
     h3 {font-size: 35px;}
     .sp-offer-bg{padding-top: 120px; padding-bottom: 0;}
     .home2 .banner-content h4 {font-size: 25px; }
     .home2.testimonial-area{padding-top: 50px;}
     .sp-offer-img-left-margin {margin-left: 0; padding-right: 0;}
     .home2 .banner-btn {margin-top: 8px;}
     .home2.banner-area {bottom: -130px;margin-top: -75px;}
     .home2 .banner-wrapper {padding: 40px 25px 55px 30px;}
     .home2 .banner-wrapper h4 {  font-size: 20px;}
     .home2 .copyright-area { margin-top: 0;}
     .f-count span { font-size: 38px;}
     .single-f-counter p {max-width: 100%;}
     .title h4 {font-size: 22px;}
     .home2 .feature-text li { width: 100%;float: none;}
     span.title-icon {
          width: 60px;
          height: 60px;
          line-height: 60px;
     }
     .title-icon img { width: 22px; }
     .testimonial-active2-variable-width .slick-slide,.product-active4-variable-width .slick-slide {width: 320px;}
     /* home3 */
     .home3 .slider-img1 {
          padding-left: 0;margin-top: 70px;
     }
     .home3 .slider-content.mt--30 {margin-top: 0;}
     .home3-about-img-wrapper-margin {margin-right: 0; margin-top: 40px; justify-content: center !important;}
     .home3-single-service-content .ser-icon { margin-right: 20px;}
     .home3-project-bg,.home3-about-bg,.home3-feature-product-bg,.home3-feature-product-area,.home3-testimonial-product-bg{background-image: none !important; background: #f0f6fb;}
     .home3-service-area.home3 { margin-top: 80px;}
     .home3-service-wrapper {padding-top: 50px;}
     .home3-project-margin {margin-top: 50px;}
     .home3-project-bg { padding-top: 85px; padding-bottom: 60px;}
     .home3-project-wrapper {margin-top: -200px;}
     .home3-about-bg {padding-bottom: 110px;padding-top: 0;}
     .intro-area.home3 { margin-top: 85px;margin-bottom: 60px;}
     .row.intro-wrapper {padding-top: 35px;}
     .home3-intro-text h5 {font-size: 22px;}
     .home3-facts-area { margin-top: 85px;}
     .home3-facts-area .title h3 { padding-bottom: 5px;}
     .home3-single-facts.theme-bg.mt-60 {margin-top: 0;}
     .row.home3-facts-wrapper {margin-top: 40px;}
     .home3-feature-product-img-wrapper-margin {margin-top: 50px;  justify-content: center !important; }
     .home3-feature-product-area {padding-top: 0;margin-top: 60px; padding-left: 0;padding-right: 0;}
     .home3-feature-product-left-content {padding-top: 80px;}
     .home3-feature-product-bg {padding-bottom: 70px;}
     .home3-team-img-wrapper-margin { margin-left: 0; margin-right: 0; margin-top: 50px;}
     .home3-team-area {padding-top: 80px;padding-bottom: 0px;}
     .home3-team-primary-border { left: -10px;}
     .home3-testimonial-area {padding-top: 40px;}
     .home3-testimonial-product-bg {padding-bottom: 60px;padding-top: 85px;}
     .row.testimonial-active3 {
          padding-bottom: 50px;
     }
     .t-person-width {max-width: 45px;}
     .home3-testimonial-shape1 {
          left: 41px;
          top: 40%;
          width: 15px;
          height: 15px;
     }
     .home3-testimonial-shape2 {
          left: 70px;
          width: 20px;
          height: 20px;
     }
     .home3-testimonial-shape3 {
          width: 10px;
          height: 10px;
          right: 100px
     }
     .home3-testimonial-shape4 {
          width: 20px;
          height: 20px;
     }
     .home3-testimonial-shape4 {right: 60px;}
     .testimonial-text3 p { font-size: 18px;}
     .home3 .testi-info { margin-top: 0;}
     .blog-area.home3 {
          padding-top: 85px;
          padding-bottom: 60px;
     }
     .home3 .single-blog-content {padding-left: 25px;}
     .home3 .footer-heading h4 {font-size: 20px;}
     .footer-heading .my-btn { margin-bottom: 15px;}
     .home3-blog-wrapper { margin-top: 50px;}
     .f-heading-text {margin-top: 15px;padding-bottom: 15px;}
     .home3 .footer-top { padding-top: 0;margin-top: 60px;}
     .home3-project-wrapper {
          margin-top: 50px;
     }
     .home3-project-wrapper .pt-200,.home3-project-wrapper .pt-250 { padding-top: 0;}
     .home3-project-wrapper .pb-200,.home3-project-wrapper .pb-250 { padding-bottom: 0;}
     .home3-single-project {margin-bottom: 30px;}

     .home3-team-img img {
          margin-bottom: 30px;
          width: 78%;
          position: static !important;
     }
     .home3-team-img { text-align: center;}
     .testimonial-text3 {
          margin-top: 0;
     }
     .quit {margin-bottom: 20px;}
     .home3-single-intro-content {padding: 70px 25px 45px 30px;}
     .home3-about-img-border {
          width: 280px;
          height: 200px;
     }
     .about-img1 {
          left: -25px;
          top: -32px;
          width: 67%;
     }
     .about-img2 {
          right: -25px;
          bottom: -29px;
          width: 67%;
     }
     .home3-about-bg .row.pt-90 {
          padding-top: 80px;
     }
     .home3-single-service-border {
          padding-left: 25px;
          padding-right: 20px;margin-bottom: 40px;
     }
     .home3-single-service-content .ser-icon span {
          width: 75px;
          height: 75px;
          line-height: 75px;
          font-size: 30px;
     }
     .home3.brand-area {margin-top: 0; }
     .home3.brand-area ul {margin-top: 40px;}
     .single-brand { margin-bottom: 50px;}
     .home3 .team-img1,.home3 .team-img1,.home3 .team-img1{position: static !important;}
     .blog-area .modal-content h2 {font-size: 18px;padding: 40px 0 20px 0;}
     .blog-area .modal-body {padding-left: 15px;padding-right: 15px;}
     .blog-area .blog-meta {width: 100% !important;}
     .blog-area .blog-meta li {font-size: 14px;}
     .blog-area .pro-modal-footer .modal-tags h6 { margin-bottom: 10px !important;}
     .home3-single-service-content::after { z-index: -1;}
     /* home4 */
     .home4 .header-right {  margin-left: 0;}
     .container-wrapper {
          padding-left: 15px;
          padding-right: 15px;
     }
     .home4 .header-right .social-link a {
          font-size: 16px;
     }
     .facts-area.home4 {
          margin-top: 95px;
          margin-bottom: 45px;
     }
     .home4 .single-slider.slider-height1 {
          height: 650px;
     }
     .home4 .about-left-content {  margin-bottom: 25px;}
     .home4 .about-bg-right {
          right: -180px;
          top: 88%;
     }
     .home4 .about-text {
          margin-top: 0;
     }
     .about-area.home4 .btn-2 {
          padding-top: 20px;margin-bottom: 0;
     }
     .about-dotted-shape {
          bottom: -105px;
          right: 0;
          z-index: -1;
     }
     .service-area.home4 {
          margin-top: 0px;
          margin-bottom: 50px;
     }
     .home4 .title h4 {margin-bottom: 0;}
     .service-text h5 {
          font-size: 20px;
     }
     .service-area.home4 .single-service-content {padding: 55px 15px 45px 15px;}
     .home4 .feature-img {
          margin-left: 0px;
          padding-right: 0px;
          margin-bottom: 50px;
     }
     .home4 .title h3 {
          margin-bottom: 25px;
     }
     .product-area.home4 {
          padding-bottom:70px;
     }
     .home4.banner-area {
          margin-top: 30px;
          margin-bottom: 70px;
     }
     .home4 .ser-icon {
          width: 65px;
     }
     .home4 .banner-wrapper h4 {
          font-size: 24px;
     }
     .home4 .banner-wrapper {
          padding-bottom: 55px;
     }
     .home4-feature2.home4 .title h3{margin-bottom: 0;}
     .home4-feature2-img-margin {
          margin-right: 0;
          margin-top: 75px;
     }
     .sp-feature-text.sp-feature-text2{margin-top: 0;}
     .home4-feature3 .home4-feature-product-img {
          margin-left: 0;margin-top: 60px;
     }
     .home4-feature3 {
          background: #F3F9FB;
          margin-top: 110px;
          padding-top: 45px;
          padding-bottom: 55px;
     }
     .home4.testimonial-area {
          margin-top: 70px;
          padding-top: 35px;
          padding-bottom: 105px;
     }
     .testimonial-wrapper4 {
          padding-top: 10px;
     }
     .blog-area.home4 {
          padding-top: 85px;
          padding-bottom: 60px;
     }
     .blog-area.home4 .btn-2 {
          padding-top: 0px;
     }
     .btn-2 a{ font-size: 16px;}
     .home4 .footer-widget.f-subscriber-area {
          padding-right: 0;
     }
     .footer-area.home4 {
          padding-top: 25px;
     }
     .service-bg-right { right: -10%;top: auto; bottom: -150px; width: 50%;}
     .home4 .about-bg-left {left: -30%;top: auto;bottom: 0; width: 70%;}
     .about-dotted-shape {top: 75%;}
     .about-area.home4 { padding-bottom: 80px;margin-bottom: 0;}
     .home4.home4-feature3 {margin-top: 70px;
          padding-top: 62px;
          padding-bottom: 72px;
     }
     .home4.testimonial-area {padding-top: 10px;padding-bottom: 80px;}
     .row.testimonial-active4 {
          padding-bottom: 50px;
     }
     .home4-feature2.pr-90 {
          padding-right: 0;
     }
     .home4.home4-feature-product-area{padding-top:20px;padding-bottom: 20px;}
     /* home5 */
     .slider-height5, .slider-height6{min-height: 800px; }
     .home5-about-margin {
          margin-top: -480px;
     }
     .home5 .download-logo {
          padding-top: 10px;
          padding-bottom: 0;
     }
     .home5 .slider-img1 {
          margin-top: 50px;
          margin-right: 0;
          padding-left: 0;
     }
     .slider-height5 .slider-content {
          margin-top: 40px;
     }
     .home5 .download-logo img {
          max-width: 130px;
     }
     .home5-about-left-img {
          margin-left: 0px;
          margin-bottom: 0;
     }
    .home5-about-bg,.home5-sp-feature-bg,.home5-more-feature-bg,.home5-review-bg,.home5-cta-feature-bg,.service-cta-banner-bg,.our-team-bg,.about-us-fact-bg{background-image: none !important;}
    .home5-about-margin {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 80px;
}
    .home5-about-bg {
          padding-top: 0;
          padding-bottom: 80px;
     }
     .home5-feature-icon img {
          max-width: 35px;
     }
     .home5-feature-icon.mb-30 {margin-bottom: 20px;}
     .home5-feature-area .ser-icon span {
          width: 55px;
          height: 55px;
          line-height: 55px;
          margin-bottom: 15px;
     }
     .home5 .single-service {
          margin-bottom: 35px;
     }
     .home5-feature-wrapper2{margin-top: 40px;}
     .home5-feature-img {margin-bottom: 30px;}
     .home5-sp-feature-margin {
          margin-top: 105px;
     }
     .home5-sp-feature-bg {
          padding-top: 20px;
          padding-bottom: 70px;
     }
     .home5-sp-feature-img {
          margin-right: 0;
     }
     .home5 .service-text h6 {
          margin-bottom: 0;
     }
     .home5-screenshot-area {
          margin-top: 0;margin-bottom: 80px;
     }
     .home5-screenshot-area .title h4 {padding-bottom: 0;margin-bottom: 0;}
     .home5-screenshot-wrapper .slick-track {padding-top: 60px;}
     .home5-more-feature-bg {
          padding-bottom: 70px;
          padding-top: 80px;
     }
     .home5-more-feature-wrapper{
          margin-top: 20px;
     }
     .home5-package-wrapper .packages {
          padding-top: 60px;
          padding-bottom: 70px;
     }
     .home5-price-tab-area .over-loop-margin {margin-top: 0;}
     .home5-price-tab-area .price-item-list {
          margin-bottom: 30px;
     }
     .home5-price-tab-area .over-loop-margin {
          position: static;
     }
     .home5-price-tab-area {
          padding-top: 95px;
     }
     .home5 .title p {
          margin-top: 30px;
     }
     .home5-price-tab-area .price-menu-box {
          margin-top: 10px;margin-bottom: 20px;
     }
     .home5-price-tab-area .tab-content > .tab-pane.fade.show {
          opacity: 1;
     }
     .home5-price-tab-area .tab-content > .tab-pane.fade {
          opacity: 0;
     }
     .home5-price-tab-area .tab-content > .tab-pane.show {display: block;}
     .home5-price-tab-area .tab-content > .tab-pane {display: none;}
     .home5 .title p {
          margin-top: 20px;
     }
     .home5-price-tab-area {padding-bottom: 120px;
     }
     .review-area-home5-margin {
          margin-top: 0;
     }
     .home5-review-bg {
          padding-top: 65px;
          padding-bottom: 85px;
     }
     .home5.faq-area {
          padding-top: 85px;
          margin-bottom: 0;
     }
     .home5 .title p {
          margin-top: 20px;
     }
     .home5-cta-feature-bg {
          padding-top: 5px;
          padding-bottom: 75px;
     }
     .footer-area.home5 {
          padding-top: 5px;
     }
     .home5 .footer-widget {
          padding-right: 0;
     }
     .home3-project-area .meta-wrapper {margin-top: 40px;padding-left: 30px;padding-right: 20px;}
     .home3-project-area .blog-modal-img {margin-top: 0;}
     .home3-project-area .modal-body {padding-left: 20px;padding-right: 20px;}
     .home3-project-area .modal-content h2 {
          font-size: 28px;padding-top: 45px;
     }
     /* home6 */
     .slider-email-area {right: -98px;}
     .slider-social-link-area {left: -62px;}
     .home6 .slider-content h1 { font-size: 32px;padding-right: 0;}
     .slider-height6,.slider-height3 {min-height: 500px; }
     .blog-details-slider-area .page-height {min-height: 400px; }
     .home6.about-area { margin-top: 0;padding-bottom: 15px;}
     .home6-about-content { padding-top: 50px;}
     .home6-work-area {padding-top: 80px;padding-bottom: 40px;}
     .portfolio-area { padding-top: 90px;padding-bottom: 0;}
     .portfolio-area { padding-top: 105px;padding-bottom: 25px;}
     .home3-service-area.home3.home6 { margin-top: 90px; padding-top: 102px;padding-bottom: 35px;}
     .home6-team-area.home6 {padding-top: 80px;padding-bottom: 80px;}
     .home6-testimonial-area {padding-top: 80px;padding-bottom: 80px;}
     .testimonial-text6 > p { font-size: 20px;}
     .testimonial-text6 {padding: 80px 30px 40px 30px;margin-top: 30px;}
     .testimonial-text6 .quit {left: 30px;}
     .blog-area.home6 { padding-top: 80px; padding-bottom: 60px;}
     .home6-blog-area .single-blog-content h4,.home6-blog-area .single-blog-content span {font-size: 13px;}
     .single-blog h6 {font-size: 16px;}
     .home6-blog-area .single-blog .single-blog-content { padding: 18px 15px 20px 15px;}
     .home6 .f-heading-text h3 {font-size: 26px;}
     .home6 .port-over-content h3 {font-size: 22px;}
     .home6.portfolio-area .portfolio-menu button { font-size: 16px;padding: 5px 12px;}
     .home6 .port-button{margin-top: 25px;}
     /* home7 */
     .slider-height7 .slider-content h1, .slider-height7 .slider-content span {font-size: 22px;}
     .slider-height7{min-height: 400px;}
     .slider-height7 .slider-content {margin-top: 100px;}
     .home7.portfolio-area {padding-top: 0;padding-bottom: 110px;}
     .port-content {
          font-size: 14px;
          width: 45px;
          height: 45px;
          line-height: 45px;
     }
     .home7 .port-over-content {padding-top: 0;padding-bottom: 10px;padding-left: 20px;padding-right: 15px;}
     .single-portfolio:hover .port-content {top: 20px;}
     .home7-cta-banner-area {
          padding-top: 82px;
          padding-bottom: 80px;
     }
     .home7 .port-over-content h3 { font-size: 16px;}
     .home7 .footer-top { padding-top: 0;}
     .home8.portfolio-area{padding-bottom: 25px;}
     .testimonial-area.home8.home4 {padding-top: 10px;padding-bottom: 80px;}
     .page-height {min-height: 340px;}
     .page-title {margin-top: 70px;}
     .single-page h1 {font-size: 32px; margin: 0 0 6px 0;}
     .team-page .our-team-info {text-align: center; }
     .service-cta-banner-img-wrapper-margin {margin-left: 0;margin-top: 0;margin-top: 60px;}
     .service-cta-banner-content {padding-top: 0;}
     .service-cta-banner-area { padding-top: 12px;}
     .service-cta-banner-bg {padding-bottom: 70px;padding-top: 80px;}
     .feature-area.feature-area4.home4.service-page { padding-bottom: 70px;padding-top: 0;}
     .faq-service-page-area {padding-top: 80px;padding-bottom: 40px;}
     .faq-service-page-area .faq-wrapper{margin-top: 20px;}
     .faq-service-page-area .single-faq h5 { font-size: 20px;}
     .testimonial-area.service-page {margin-top: 60px;margin-bottom: 55px;}
     .footer-area.service-page { padding-top: 60px;}
     .feature-area.service-page.home4 .ser-icon { width: 80px;}
     .feature-area.service-page .ser-icon span  {width: 80px; height: 80px;line-height: 80px;}
     .feature-area.service-page .ser-icon span img{width: 30px;}
     .banner-area.service-page{margin-top: 0;padding-top: 15px;}
     .banner-area.service-page .banner-btn {margin-top: 30px;}
     .service-page.home4 .ser-icon { width: 50px;}
     .service-page .single-service h4 {font-size: 20px; margin-bottom: 0; margin-top: 10px;}
     .our-team-info {
          bottom: -75px;
     }
    /* about-us */
    .speciality-area .single-service-content { padding: 0;}
    .our-team-info h3 {  font-size: 20px;}
    .home3-single-facts p {font-size: 22px;}
    .about-us-about-area{padding-top: 80px;}
    .about-us-marker {right: -12px;top: -40px;} 
    .about-us-marker, .about-us-marker-text {width: 90px;height: 80px;}
    .about-us-marker h3 {font-size: 12px;margin-bottom: 0;}
    .about-us-img-wrapper .about-us-img2 {left: -15px;}
    .about-us-fact-bg{padding-bottom: 30px;padding-top: 40px;}
    .about-us-fact-bg.home3-facts-area { margin-top: 70px;}
    .about-us-about-icon {
          width: 50px;
          height: 50px;
          left: -10px;
          top: -30px;
     }
     .about-us-about-icon span {
          font-size: 22px;
          padding-top: 10px;
          padding-bottom: 10px;
     }
    .speciality-area {padding-top: 75px;padding-bottom: 30px;}
    .our-team-bg{padding-top: 80px;padding-bottom: 55px;}
    .our-team-wrapper {
	margin-bottom: 85px;}
    .about-us-team .our-team-wrapper {margin-bottom: 135px;}
    .our-team-wrapper-margin {padding-top: 25px;}
    .partner-area{padding-top: 80px;padding-bottom: 30px;}
    .partner-wrapper  {padding-top: 40px;}
    .header .my-btn .btn.transparent-bg,.sticky-menu .header .my-btn .btn.transparent-bg {padding: 10px 30px;font-size: 16px;}
    .our-team-area.team-page{padding-top: 45px;padding-bottom: 105px;}
    .service-page .banner-wrapper {padding-left: 0;padding-right: 0;}
    .blog-page-content-info span.pl-10{padding-left: 8px;}
    .blog-page-content-info span.pr-10{padding-right: 8px;}
    .blog-page-sidebar {padding-left: 0;padding-right: 0;}
    .blog-page{margin-top: 120px;margin-bottom: 120px;}
    .blog-page1-content h4 { font-size: 22px;}
    .blog-page-content-info span {font-size: 14px;}
    .blog-page4-area .blog-page1-content {padding-left: 25px;padding-right: 25px;}
    .blog-page{margin-top: 90px;margin-bottom: 90px;}
    .blog-page2-area.blog-page{margin-top: 0;margin-bottom: 90px;}
    .blog-page2-height .page-title {  margin-top: 0;}
    .blog-page2-area .blog-page1-content { padding-left: 0; padding-right: 0;margin-top: 15px;}
    .blog-page2-height {min-height: 255px;}
    .page-title h2 {font-size: 25px;}
    .blog-page2-area .blog-page1-content.blog-page3-content {padding-left: 0;padding-right: 0; margin-bottom: 50px;}
    .blog-page1-area.portfolio-area.blog-page {margin-top: 0;margin-bottom: 95px;}
    .blog-page .my-btn .btn {margin-top: 15px;}
    .page-title h3 {font-size: 22px;}
    .page-title {margin-top: 40px;}
    .blockquote p {font-size: 18px;}
    .blockquote-icon{padding-right: 20px;}
     .quote-area { padding: 50px 20px 50px 20px;}
     .quote-area .blockquote p {font-size: 20px;}
     .error-area{margin-top: 90px;margin-bottom: 90px;}
     .error-area h3{font-size: 25px;}
     .contact-area {margin-top: 80px;margin-bottom: 90px;}
     .map-wrapper{margin-top: 60px;min-height: 330px;}
     .faq-page-area {margin-bottom: 70px;padding-top: 90px;}
     .faq-contact.contact-area {
          margin-top: 0;
          margin-bottom: 0;
          padding-top: 80px;
          padding-bottom: 70px;
     }
     .faq-page-area .card-header .btn-link {font-size: 18px;}
     .faq-page-area .faq-wrapper .card-body {padding: 0px 0 18px 22px;}
     .login-register-area{margin-top: 80px;margin-bottom: 25px;}
     .login-form .f-get-pass{margin-top: 0px;margin-bottom: 40px;}
     .hm2-bg-shape10 {
          right: 0%;
          bottom: 40%;
     }
     .hm2-shape-8 {
          right: 4%;
          bottom: 40%;
     }
     .hm2-middle-dotted {
          right: 0px;
          top: -70px;
     }
     .hm2-shape {display: none !important; max-width: 32px;max-height: 20px;}
     .hm2-shape.s-shape, .hm5-shape.s-shape {max-width: 12px;}
     .hm5-shape{max-width: 30px;max-height: 16px;}
     .hm5-round-shape-4 {
          right: 25%;
          top: 10%;
     }
     .hm5-round-shape-3 {
          left: 82%;
          top: 16%;
     }
     .hm3-shape-1 { left: 1%;}
     .hm3-shape-9 {left: 42%;top: 8%;}
     .hm3-shape-3 {bottom: 12%;}
     .hm3-shape-8 {
          right: 18%;
          top: 18%;
     }
     .hm3-shape-2,.hm3-shape-5{max-width: 35px;}
     .hm3-shape.s-shape{max-width: 12px;}
     .hm3-left-dotted{left:0;}
     .slider-height3 {min-height: 700px; }
     .hm3-shape{max-width: 40px;}
     .hm3-bg-shape{max-width: 40%;}
     .hm3-bg-shape1{left: 0;}
     .slider-area.home2 { padding-bottom: 40px;}
     .service-area.home2 {
          margin-top: 18px;
          padding-bottom: 15px;
     }
     .feature-area.home2 {  margin-top: 80px; }
     .feature-area.home2.hm2-feature-area2 { margin-top: 15px;}
     .feature-area.feature-area3.home2{ margin-top: 20px;margin-bottom: 90px;}
     .home2 .work-content{margin-top: 0;}
     .home2.feature-area .feature-img{margin-top: 30px;padding-right: 0;}
     .home2 .work-bg {
          padding-top: 80px;
          padding-bottom: 15px;
     }
     .price-area.home2 {
          margin-top: 80px;
          margin-bottom: 50px;
     }
     .home2 .sp-offer-bg {
          padding-top: 70px;
          padding-bottom: 20px;
     }
     .home2 .sp-feature-content{margin-bottom: 0;}
     .home2.testimonial-area {
          padding-top: 20px;
          margin-bottom: 10px;
     }
     .home2.banner-area {
          bottom: -130px;
          margin-top: -110px;
     }
     .tool-item1 {
          left: 50px;
          max-width: 40%;
     }
     .tool-item2 {
          left: -3px;
     }
     .tool-item3 {
          right: 82px;
     }
     .tool-item7 {
          top: 48%;
     }
     .tool-item6 {
          bottom: 100px;
     }
     .tool-item5 {
          top: 38%;
          max-width: 30%;
     }
     .bounce-animate2 {
          animation-name: float-bob;
          animation-duration: 3s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
     }
     .footer-counder-wrapper {
          margin-bottom: 50px;
     }
     .tool-item8.position-absolute.tools {
          bottom: 155px;
          left: 40%;
     }
     .tool-item9.position-absolute.tools {
          right: 0;
          bottom: 80px;
          max-width: 30%;
     }
     .work-img {margin-bottom: 0px;}
     .home4 .testimonial-wrapper{margin-right: 0;margin-top: 0;}
     .portfolio-modal-content .modal-body {
          padding-left: 15px;
          padding-right: 15px;
     }
     .portfolio-modal-content .modal-content h2 {font-size: 22px;}
     .portfolio-modal-content .port-over-content {
          padding-left: 20px;
          padding-right: 20px;
     }
     .service-text-margin{margin-top: 0;}
     .home5.feature-area {
          margin-top: 0;
          padding-bottom: 80px;
     }
     .meta-wrapper {
          padding-left: 30px;
          padding-right: 30px;
     }
     .portfolio-area .portfolio-menu button {
          font-size: 17px;
          padding: 4px 10px;
     }
     .home5-screenshot-area .slick-slide img{opacity: 1;}
     .home5-screenshot-wrapper{padding-bottom: 10px;}
     .pricing-plan-section ul.price-nav li a {
          padding: 15px 25px;
          font-size: 16px;
     }
     h4.modal-title {  font-size: 22px;}
     .footer-widget {
          padding-bottom: 15px;
     }
     .top span {
          font-size: 12px;
          padding: 6px 10px;
     }
     .blockquote {
          margin-top: 25px;
          margin-bottom: 25px;
     }
     .blog-posts {
          padding-bottom: 20px;
     }
     .review-comments-area {
          margin-top: 60px;
     }
     .review-comments-are {
          margin-top: 35px;
     }
     .blog-page2-area .my-btn { margin-top: 0;}
     .pagination-margin{margin-top: 0;}
     .blog-page1-content.blog-page3-content { margin-top: 15px;margin-bottom: 0;}
     .blog-page1-content {
          margin-top: 16px;
     }
     .blog-page3-area .blog-page1-content.blog-page3-content { margin-bottom: 0;}
     .portfolio-area {
          padding-top: 78px;
          padding-bottom: 0;
     }
     .blog-page4-area .my-btn,.blog-page5-area .my-btn { margin-top: 10px;}
     .blog-details-slider-area .page-title {padding-bottom: 30px;}
     .blog-details-area.blog-page {margin-top: 40px;}
     .author-post-details .author-img { margin-bottom: 20px;}
     .blog-gallery-page .slick-arrow .l-a, .blog-gallery-page .slick-arrow .r-a {
          font-size: 18px;
          width: 30px;
          height: 30px;
          line-height: 30px;
          left: 15px;
     }
     .blog-gallery-page .slick-arrow .r-a {left: auto; right: 15px;}
     .service-area.home4.service-page {
          padding-top: 32px;
          margin-bottom: 50px;
     }
     .work-bg .title p{margin-bottom: 0;}
     .feature-ser-heading .feature-ser-icon {
          margin-right: 10px;
     }
     .home6.portfolio-area {
          padding-bottom: 30px;
     }
     .home3-service-area.home3.home6 { margin-top: 60px;padding-top: 80px;padding-bottom: 52px;}
     .footer-area.home6 {
          padding-top: 70px;
     }
     .home6 .footer-top {
          padding-top: 0;
          padding-bottom: 0;
          margin-top: 50px;
     }
     .home6 .footer-border-bottom {
          padding-top: 80px;
     }
     .home7.portfolio-area {
          padding-bottom: 90px;
     }
     .home8.portfolio-area {
          padding-bottom: 30px;
     }
     .footer-area.home7,.footer-area.home8 {
          padding-top: 58px;
     }
     .blog-details-page4 .reply-form.contact-form,.blog-gallery-page .reply-form.contact-form,.blog-quote-page .reply-form.contact-form{
          margin-bottom: 0;
     }
     .blockquote span {
          font-size: 32px;
          padding-right: 20px;
     }
     .about-us-img-wrapper {
          margin-right: 5px;
          margin-left: 25px;
     }
     .about-us-img-wrapper .about-us-img2 {
          left: -30px;
     }
     .blog-details-slider-area .page-title h3 {
          font-size: 22px;
          margin-bottom: 10px;
     }
     .blog-details-area.blog-page {
          margin-top: 18px;
     }

}



@media screen and (max-width: 360px) {
     .home6-blog-area .single-blog .single-blog-content { padding: 10px;}
     .home6-blog-area .single-blog-content .mb-10 {margin-bottom: 4px;}
     h4.modal-title {font-size: 19px;}

}


/* SM Small Device :550px. */
@media screen and (min-width: 576px) and (max-width: 767px) {
     .footer-counder-wrapper {
          margin-bottom: 20px;
     }
     .meta-wrapper {
          padding-left: 40px;
          padding-right: 40px;
     }
     .modal-tags h6 {
          padding-bottom: 0;
     }
     .screenshot-wrapper img {padding: 6px;}
     .single-slider.slider-height1 { height: 1020px;}
     .slider-content h1 {font-size: 37px;margin-bottom: 0;padding-right: 30px;}
     .slider-content p { font-size:19px;}
     .slider-img1 { margin-top: 60px;}
     .single-service-content {padding: 50px 30px 25px 45px;}
     .home2 .single-service-content {padding: 50px 30px 30px 30px;}
     .single-facts{ width: 220px;}
     .faq-wrapper h6 a.btn::after {font-size: 12px;}
     .faq-wrapper .btn {font-size: 18px;}
     .screenshot-area {margin-bottom: 195px;}
     .single-work-content h5 {font-size: 24px}
     .banner-area {  bottom: -148px;  margin-top: -76px;}
     .footer-top {padding-top: 20px;padding-bottom: 20px;}
     .banner-wrapper h4{  font-size: 28px;}
     /* home2 */
     .home2.banner-area {bottom: -112px;margin-top: -75px;}
     .f-count span { font-size: 35px;}
     .single-f-counter p {max-width: 80px;font-size: 15px;}
     .testimonial-active2-variable-width .slick-slide,.product-active4-variable-width .slick-slide {width: 550px;}
     /* home3 */
     .home3-single-intro-content { padding: 85px 45px 65px 45px;}
     .about-img1 {left: -60px;width: 80%;}
     .about-img2 {right: -60px;width: 80%;}
     .home3-single-service-border {padding-left: 35px;padding-right: 30px;}
     .home3-team-img img { width:46%;position: absolute !important;}
     .home3 .team-img1,.home3 .team-img1,.home3 .team-img1{position: absolute !important;}
     .team-img2 {right: 0;}
     .team-img3 {bottom: -32px;}
     .home3.brand-area {margin-top: 50px;}
     .home3-about-img-border {
          width: 385px;
          height: 320px;
     }
     .about-img1 {
          left: -87px;
          width: 85%;
          top: -90px;
     }
     .about-img2 {
          right: -85px;
          width: 85%;
          bottom: -85px;
     }
     .home3-about-img-wrapper-margin {margin-top: 90px;}
     .home3-about-bg {padding-bottom: 190px;}
     .blog-area .modal-content h2 {font-size: 24px;padding: 40px 0 20px 0;}
     .blog-area .modal-body {padding-left: 35px;padding-right: 35px;}
     .blog-area .blog-meta {width: 70% !important;}
     .blog-area .blog-meta li {font-size: 16px;}
     .blog-area .pro-modal-footer .modal-tags h6 { margin-bottom: 0px !important;}
     /* home4 */
     .home4 .single-slider.slider-height1 {height: 900px;}
     .home4  .single-f-counter p {max-width: 100%;}
     .home4 .f-count.pr-20 {padding-right: 0;}
     .home4 .single-f-counter {text-align: center;}
     .home4 .about-bg-right {
          right: -150px;
          top: 75%;
     }
     .title h4 {font-size: 27px;}
     .service-area.home4 .single-service-content {padding: 65px 60px 55px 60px;}
     /* home5 */
     .slider-height5 {min-height: 1000px; }
     .home5-price-tab-area .over-loop-margin {
          position: absolute;
     }
     .home5-price-tab-area .tab-content > .tab-pane.fade {
          opacity: 1;
     }
     .home5-price-tab-area .tab-content > .tab-pane {display: block;}
     .home3-project-area .meta-wrapper {padding-left: 60px;padding-right: 60px;}
     .home6-blog-area .single-blog .single-blog-content { padding: 40px 20px 35px 45px;}
     .home6-blog-area .single-blog-content h6{font-size: 18px;}
     .home7 .port-over-content {padding-bottom: 30px; padding-left: 30px;padding-right:20px}
     .home7 .port-over-content h3 { font-size: 22px;}
     .about-us-marker, .about-us-marker-text {width: 150px;height: 150px;}
     .about-us-marker h3 { font-size: 20px;}
     .home3-single-facts p {font-size: 20px;}
     .blog-portfolio-content.blog-portfolio-content-shadow h6 { font-size: 20px;}
     .blog-page .my-btn .btn {margin-top: 0;}
     .page-title h3 {font-size: 26px;}
     .error-area h3{font-size: 28px;}
     .home6 .slider-content h1 { font-size: 42px;}
     .slider-content span {font-size: 20px;}
     .shape { max-width: 30px;max-height: 15px;}
     .slider-middle-dotted {
          top: 0px;
          left: 20px;
          max-width: 100px;
          max-height: 100px;
     }
     .home3 .slider-height3 .slider-content{ margin-top: 50px;}
     .slider-height3 {min-height: 900px; }
     .tool-item6 {
          bottom:0px;
     }
     .tool-item7 {
          top: 65%;
     }
     .tool-item3 {
          right: inherit;
     }
     .slider-height2 {
          height: 720px;
     }
     .brand-area.home2 {
          margin-top: 80px;
     }
     .testimonial-text2 {
          padding-left: 40px;
          padding-right: 40px;
     }
     .tool-item8.position-absolute.tools {
          bottom: 95px;
          left: 40%;
     }
     .tool-item9.position-absolute.tools {
          right: 80px;
          bottom: 0;
          min-width:auto;
     }
     .home2 .work-bg {
          padding-bottom: 122px;
     }
     .blog-page2-height{min-height: 360px;}

     .testimonial-wrapper {
          margin-right: 0;
     }
     .portfolio-modal-content .modal-content h2 {font-size: 28px;}
     .portfolio-modal-content .port-over-content {
          padding-left: 40px;
          padding-right: 30px;
     }
     .home3 .footer-heading h4 {font-size: 28px;}
     h4.modal-title {  font-size: 30px;}
     .our-team-info {
          bottom: -90px;
     }
     .about-us-img-wrapper .about-us-img2 {
          left: -40px;
     }
     .about-us-img-wrapper {
          margin-right: 20px;
          margin-left: 25px;
     }
     .about-us-marker {
          right: -30px;
     }




}



/* SM Small Device :550px. */
@media screen and (min-width: 400px) and (max-width: 576px) {
     /* home1 */
     .single-slider.slider-height1 { height: 920px;}
     .meta-wrapper {
          padding-left: 40px;
          padding-right: 40px;
     }
     .single-team-img {
          padding-left: 30px;
          padding-right: 30px;
     }
     .slider-content span {font-size: 18px;}
     .slider-content h1 {font-size: 34px;margin-bottom: 0;padding-right: 50px;}
     .slider-content p { font-size: 17px;}
     .title h3 {font-size: 30px;}
     .my-btn .btn.f-18 {padding: 10px 35px;}
     .single-service-content {padding: 42px 25px 18px 40px;}
     .home2 .single-service-content {padding: 42px 30px 18px 30px;}
     .single-facts{ width: 195px;}
     .screenshot-area {margin-bottom: 178px;}
     .screenshot-wrapper img {padding: 4px;}
     .banner-area {  bottom: -148px;  margin-top: -76px;}
     .footer-top {padding-top: 20px;padding-bottom: 20px;}
     .home2.banner-area {bottom: -112px;margin-top: -85px;}
     .testimonial-active2-variable-width .slick-slide,.product-active4-variable-width .slick-slide{width: 400px;}
     .home4 .single-slider.slider-height1 {
          height: 850px;
     }
     .home4 .about-bg-right {
          top: 76%;
     }
     .title h4 {
          font-size: 27px;
     }
     .service-area.home4 .single-service-content {padding: 55px 60px 45px 60px;}
     /* home3 */
     .home3-single-intro-content { padding: 85px 45px 65px 45px;}
     .about-img1 {left: -60px;width: 80%;}
     .about-img2 {right: -60px;width: 80%;}
     .home3-single-service-border {padding-left: 35px;padding-right: 30px;}
     .blog-area .modal-content h2 {font-size: 22px;padding: 40px 0 20px 0;}
     .blog-area .blog-meta {width: 80% !important;}
     .home3 .footer-heading h4 {font-size: 25px;}
     /* home5 */
     .slider-height5 {min-height: 900px; }
     .home3-project-area .meta-wrapper {margin-top: 40px;padding-left: 50px;padding-right: 50px;}
     .home6-blog-area .single-blog .single-blog-content { padding: 25px 15px 20px 15px;}
     .home7 .port-over-content {padding-bottom: 20px;}
     .home7 .port-over-content h3 { font-size: 18px;}
     .slider-middle-dotted {
          top: 0px;
          left: 20px;
          max-width: 100px;
          max-height: 100px;
     }
     .home3 .slider-height3 .slider-content{ margin-top: 50px;}
     .slider-height3 {min-height: 870px; }
     .tool-item7 {
          top: 50%;
     }
     .tool-item9.position-absolute.tools {
          right: 35px;
     }
     .tool-item3 {
	     right: 115px;
     }
     .slider-height2 {
          height: 700px;
     }
     .tool-item1 {
          max-width: 35%;
     }
     .portfolio-modal-content .modal-content h2 {font-size: 25px;}
     .home3-about-img-border {
          width: 280px;
          height: 220px;
     }
     .testimonial-text2 {
          padding-left: 40px;
          padding-right: 40px;
     }
     h4.modal-title {  font-size: 25px;}



}


/* SM Small Device :550px. */
@media screen and (min-width: 500px) and (max-width: 600px) {

     .service-area.home4 .single-service-content {padding: 55px 80px 45px 80px;}
     /* home5 */
     .slider-height5 {min-height: 1000px; }
     .home6-blog-area .single-blog .single-blog-content { padding: 40px 20px 35px 30px;}
     .slider-height7 .slider-content h1, .slider-height7 .slider-content span {font-size: 25px;}
     .slider-height2 {
          height: 720px;
     }
     .tool-item1 {
          max-width: 30%;
     }
     .home3-about-img-border {
          width: 380px;
          height: 300px;
     }
     .about-img1 {
          left: -67px;
          width: 75%;
     }
     .about-img2 {
          right: -65px;
          width: 75%;
     }
     .page-title h3 {
          font-size: 26px;
     }
     .pricing-plan-section .tab-content .table-content .price-table {width: 330px;}
}