/* XL Device :5000px. */
@media screen and (min-width: 1921px) and (max-width: 5000px) {
     .container-wrapper{max-width: 1920px;}
     .single-slider.slider-height {
          max-height: 1080px;
     }
     .single-slider{background: #3754b2;}
     .intro-area{margin-top: 210px;}
     .about-shape2 {
          right: -100%;
          bottom: 35%;
     }
     .contact-area{background: #F3F9FB;margin-bottom: 140px;padding-bottom: 160px;padding-top: 160px;}
     .contact-bg-bottom,.contact-bg-top{display: none !important;}
     .testimonial-area{margin-bottom: 110px;}
}



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


}


/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
     .slider-img {
          margin-right: -36%;
          margin-top: 250px;
     }

}
   

@media screen and (min-width: 1200px) and (max-width: 1440px) {
     .slider-content h1 {
          font-size: 52px;
          margin-right: 70px;
     }
     .slider-img {
          margin-top: 180px;
          position: relative;
          right: 0
     }
     .intro-area{margin-top: 210px;}
     .slider-img-dotted {
          right: 18%;
          bottom: 12%;
     }
     .contact-bg-bottom {
          top: -30px;
          right: -20px;
     }
     .contact-shape2 {
          right: 15px;
          top: 260px;
     }
     .contact-shape1 {
          right: 70px;
          top: 170px;
     }
     .footer-shape1 {
          right: 2%;
          top: 0;
     }



}




@media screen and (min-width: 1400px) and (max-width: 1439px) {
     .single-slider.slider-height {
          height: 850px;
     }
}





@media screen and (min-width: 1200px) and (max-width: 1390px) {
     .slider-img{margin-top: 40%;}
     .slider-content{margin-top: 30px;}
     .slider-img {
          margin-right: -16%;
     }
     .slider-content span {
          font-size: 25px;
     }
     .slider-content h1 {
          font-size: 50px;
          margin-bottom: 0;
     }
     .slider-content p {
          font-size: 22px
     }
     .slider-area .my-btn.mt-50 {margin-top: 40px;}
     .single-slider.slider-height {
          height: 800px;
     }
}





/* LG Device :992px. */
@media screen and (min-width: 992px) and (max-width: 1199px) {
     .single-slider.slider-height { max-height: 700px;}
     .slider-content{margin-top: 0px;}
     .slider-area .my-btn.mt-50 {margin-top: 40px;}
     .slider-img {
          margin-right: -20%;
          margin-top: 150px;
     }
     .slider-content h1 {
          font-size: 45px;
          margin-right: 40px;
          margin-top: 5px;
          margin-bottom: 0;
     }
     .slider-content span {
          font-size: 22px;
     }
     .slider-content p {font-size: 20px;}
     .slider-img-dotted {
          right: -1%;
          bottom: 8%;
     }
     .slider-shape2 {
          bottom: 25%;
     }
     .slider-shape1 {
          right: 0%;
          bottom: 21%;
     }
     .intro-dotted {top: -35px;}
     h2 { font-size: 30px;}
     .title p {font-size: 18px;}
     .title span {font-size: 16px;}
     .single-service-content h4 {
          font-size: 20px;
          margin-bottom: 15px;
     }
     .intro-area{margin-top: 210px;}
     .service-content {padding: 50px 35px 45px 35px;}
     .service-icon span { width: 60px;}
     .service-icon {margin-right: 20px;}
     .facts-wrapper{margin-right: 10px;}
     .single-facts { width: 218px; height: 240px;}
     .testimonial-content{margin-left: 15px;}
     .contact-left-wrapper {  padding-left: 35px;padding-right: 20px;}
     .footer-shape1 { right: 0;top: -20px;}
     .about-bg-left { left: -30%;}
     .about-bg-right {right: -20%;}
     .about-dotted {left: 0; bottom: 0;}
     .portfolio-dotted { right: 0;}
     .port-over-content h3 {font-size: 18px;}
     .middle-shape img { max-width: 130px;max-height: 130px;}
     .small-shape img {max-width: 60px; max-height: 60px;}
     .about-shape1 {
          left: -15px;
          top: -40px;
     }
     .service-shape2 {right: 65px;}
     .service-left-top {top: -30px;left: -12%;}
     .service-left-bottom {  top: -30px;left: -9%;}
     .service-shape1 { left: 3%;top: 45px}
     .service-shape4 { right: 85px;bottom: 34%;}
     .fact-right {right: -7%;}
     .fact-shape2 {right: 22px; bottom: 140px;}
     .testimonial-shape3 { left: 100px;bottom: -90px;}
     .contact-bg-bottom {display: none;}
     .contact-shape1 { right: 0;top: 100px;}
     .contact-shape2 {right: -70px;top: 158px;}
     .port-content {
          font-size: 14px;
          width: 50px;
          height: 50px;
          line-height: 50px;
     }

}


/* MD Device :768px. */
@media screen and (min-width: 768px) and (max-width: 991px) {
     .header {padding: 22px 0;}
     .sticky-menu .header {padding: 6px 0;}
     .single-slider.slider-height { max-height: 600px;}
     h3 {
          font-size: 26px;
     }
     .slider-content{margin-top: 20px;}
     .slider-img {
          margin-right: -22%;
          margin-top: 150px;
     }
     .intro-content{margin-bottom: 100px;}
     .slider-content h1 {
          font-size: 38px;
          margin-right: 0;
          margin-top: 5px;
          margin-bottom: 0;
     }
     .slider-area .my-btn {
          margin-top: 30px;
     }
     .slider-content span {
          font-size: 18px;
     }
     .slider-content p {font-size: 20px;}
     .slider-img-dotted {
          right: -1%;
          bottom: 8%;
     }
     .intro-dotted {
          top: -160px;
          left: -40px;
     }
     h2 { font-size: 28px;}
     .title p,.about-text {font-size: 18px;margin-top: 22px;}
     .portfolio-area .title p{margin-top: 0;}
     .title span {font-size: 16px;}
     .single-service-content h4 {
          font-size: 20px;
          margin-bottom: 15px;
     }
     .intro-area{margin-top: 160px;}
     .about-area {padding-top: 90px;}
     .row.portfolio { margin-top: 35px;}
     .service-area {
          padding-top: 90px;
     }
     .service-wrapper {
          padding-bottom: 35px;padding-top: 40px;
     }
     .feature-area {
          margin-top: 100px;
     }
     .facts-area {
          padding-top: 15px;
          padding-bottom: 75px;
     }
     .team-area {
          margin-top: 120px;
          padding-top: 110px;
          padding-bottom: 92px;
     }
     .team-wrapper {
          margin-top: 50px;
     }
     .testimonial-area {
          padding-top: 108px;
          margin-bottom: 135px;
     }
     .testimonial-content {
          margin-top: 60px;
          margin-bottom: 0;
     }
     .slick-arrow .l-a, .slick-arrow .r-a {
          bottom: -65px;
          left: 0;
     }
     .slick-arrow .r-a {
          left: 65px;
     }
     .portfolio-area .btn-2 {padding-top: 25px;}
     .service-content {padding: 50px 25px 45px 28px;margin-bottom: 30px;}
     .service-icon span { width: 60px;}
     .service-icon {margin-bottom: 25px;}
     .service-text h5{margin-bottom: 15px;}
     .banner-btn {
          margin-top: 20px;
     }
     .facts-wrapper{margin-right: 10px;}
     .single-facts { width: 218px; height: 240px;}
     .testimonial-content{margin-left: 15px;}
     .footer-shape1 { right: 0;top: 20px;}
     .about-bg-left { left: -30%;}
     .about-bg-right {right: -20%;}
     .about-dotted {left: 0; bottom: 0;}
     .portfolio-dotted { right: 0;top: 0;}
     .port-over-content h3 {font-size: 18px;}
     .fact-right {right: -8%;bottom: -150px;}
     .contact-area {
          padding-top: 120px;
          padding-bottom: 100px;
     }
     .blog-area {
          padding-top: 100px;
          padding-bottom: 60px;
     }
     .contact-right-wrapper {
          margin-top: 60px;
     }
     .footer-top {padding-bottom: 35px;}
     .copyright-area {padding-bottom: 0;}
     .contact-bg-bottom {display: none;}
     .contact-shape1 { right: 0;top: 100px;}
     .contact-shape2 {right: -70px;top: 158px;}
     .facts-wrapper {
          margin-right: 12px;
          margin-left: 12px;
          margin-top: 20px;
     }
     .contact-area{background: #F3F9FB;background-image: none !important;}
     .team-img .social-link li a {
          width: 30px;
          height: 30px;
          line-height: 30px;
          font-size: 14px;
     }
     .blog-area .blog-meta {
          width: 60% !important;
     }
     .about-img {
          padding-top: 0;
     }




}



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

     /* home1 */
     .header {padding: 14px 0;}
     .sticky-menu .header {padding: 6px 0;}
     .my-btn .btn { padding: 10px 30px; font-size: 14px;}
     .btn-2 a{font-size: 14px;}
     .feature-text h5 {
          margin-bottom: 10px;
          font-size: 19px;
     }
     .slider-area{overflow: visible;}
     .single-slider.slider-height { min-height: 320px; background: #3754b2;max-height: 610px;}
     h3 {
          font-size: 22px;
     }
     .slider-content{margin-top: 220px;}
     .slider-img {
          margin-right: -15px;
          margin-top: 60px;
     }
     .intro-content{margin-bottom: 100px;}
     .slider-content h1 {
          font-size: 32px;
          margin-right: 0;
          margin-top: 5px;
          padding-bottom: 12px;
     }
     .slider-content span {
          font-size: 16px;
     }
     .slider-content p {font-size: 18px;}
     .single-slider.slider-height .my-btn,.about-area .my-btn {margin-top: 35px;}
     .about-img {padding-top: 50px;}
     .intro-dotted {
          top: -180px;
          left: -40px;
          z-index: -1;
     }
     h2 { font-size: 22px;}
     .intro-content {
          margin-top: 0;
          margin-bottom: 35px;
     }
     .single-service-content.mt--50 {
          margin-top: 0;
     }
     .title p,.about-text {font-size: 16px;margin-top: 15px;}
     .portfolio-area .title p{margin-top: 0;}
     .title span {font-size: 14px;letter-spacing: 1.3px;}
     .single-service-content h4 {
          font-size: 20px;
          margin-bottom: 15px;
     }
     .intro-area{margin-top: 100px;}
     .about-img {
          padding-top: 0;
     }
     .about-area {padding-bottom: 55px;padding-top: 45px;}
     .portfolio { margin-top: 20px;}
     .title h4 {margin-bottom: 2px;font-size: 22px;}
     .service-area {
          padding-top: 48px;
     }
     .service-wrapper {
          padding-bottom: 15px;padding-top: 40px;
     }
     .feature-area {
          margin-top: 35px;
     }
     .facts-area {
          padding-top: 15px;
          padding-bottom: 75px;
     }
     .feature-content {margin-bottom: 20px; padding-bottom: 0;}
     .team-area {
          margin-top: 40px;
          padding-top: 65px;
          padding-bottom: 38px;
     }
     .team-wrapper {
          margin-top: 25px;
     }
     .testimonial-area {
          padding-top: 65px;
          margin-bottom: 70px;
     }
     .testimonial-content {
          margin-top: 45px;
          margin-bottom: 0;
          margin-right: 0;
     }

     .testimonial-text h3{
          font-size: 36px;
     }
     .slick-arrow .l-a, .slick-arrow .r-a {
          bottom: -50px;
          left: 0;
          font-size: 16px;
          width: 40px;
          height: 40px;
          line-height: 40px;
     }
     .slick-arrow .r-a {
          left: 50px;
     }
     .portfolio-area .btn-2 {padding-top: 8px;}
     .service-content {padding: 50px 25px 45px 28px;margin-bottom: 30px;}
     .service-icon span { width: 60px;}
     .service-icon {margin-bottom: 25px;}
     .service-text h5{margin-bottom: 15px;}
     .testi-info {margin-top: 35px;}
     .banner-btn {
          margin-top: 10px;
     }
     .banner-content p {
          font-size: 16px;
     }
     .brand-content {margin-bottom: 25px;}
     .single-brand {
          margin-bottom: 35px;
     }
     .facts-wrapper{margin-top: 3px;}
     .single-facts { width: 218px; height: 240px;margin: 0 auto;}
     .single-facts1 {clip-path: polygon(0 0, 100% 10%, 100% 100%, 1% 90%);}
     .port-over-content h3 {font-size: 18px;}
     .testimonial-shape3 {
          left: 75px;
          bottom: -85px;
     }
     .contact-area {
          padding-top: 74px;
          padding-bottom: 52px;
     }
     .contact-area .mb-30 {
          margin-bottom: 20px;
     }
     .blog-area {
          padding-top: 55px;
          padding-bottom: 15px;
     }
     .contact-right-wrapper {
          margin-top: 50px;
     }
     .footer-top {padding-bottom: 35px;}
     .copyright-area {padding-bottom: 0;}
     .contact-bg-bottom {display: none;}
     .contact-form{margin-top: 10px;}
     .contact-area{background: #F3F9FB;background-image: none !important;}
     .team-content {
          text-align: center;
          transform: inherit;
          margin-top: 12px;
          position: static !important;
     }
     .port-content {
          font-size: 14px;
          width: 48px;
          height: 48px;
          line-height: 48px;
     }
     .single-team:hover .team-img {
          transform:none;
          -webkit-transform:none;
          -moz-transform:none;
          -ms-transform:none;
          -o-transform:none;
     }
     .single-team-wrapper2, .single-team-wrapper4 {
          margin-top: 0;
     }
     .testimonial-text p, .avatar-info h4 {
          font-size: 16px;
     }
     .contact-text h4 {
          font-size: 16px;
     }
     .contact-icon {
          width: 35px;
          height: 35px;
          line-height: 35px;
     }
     .contact-icon span, .contact-info input, .contact-info textarea {
          font-size: 12px;
     }
     .contact-left-wrapper {
          padding-left: 25px;
          padding-right: 30px;
          padding-top: 38px;
          padding-bottom: 22px;
     }
     .testimonial-img-wrapper .person {max-width: 100px;}
     .person1 {
          left: 20px;
          top: -5px;
     }
     .footer-area span, .footer-top a {
          font-size: 16px;
          margin-bottom: 0px;
     }
     .footer-widget{margin-top: 15px;}
     .footer-area li {font-size: 16px;}
     .footer-widget h5 {margin-bottom: 12px;}
     h5 {font-size: 20px;}
     .footer-top {
          padding-bottom: 5px;
     }
     .copyright-text {
          margin-bottom: 15px;
     }
     .footer-area .social-link{margin-bottom: 15px;}
     .sub-name.form-control::placeholder,input::placeholder,textarea::placeholder {font-size: 16px;}
     .footer-subscribe {margin-top: 15px;}
     .blog-wrapper{margin-top: 30px;}
     .testimonial-wrapper {margin-top: 30px;}
     .modal-body {
          padding-left: 15px;
          padding-right: 15px;
     }
     .close-icon span {
          font-size: 15px;
          width: 30px;
          height: 30px;
          line-height: 30px;
     }
     .blog-area h3 { font-size: 18px;}
     .blog-area .blog-meta {
          width: 100% !important;
     }
     .blog-area .blog-meta li {
          font-size: 13px;
     }
     .blog-area .content-wrapper {
          margin-top: 25px;
     }
     .pro-modal-footer .social-link a {
          font-size: 20px;
     }
     .modal-tags h6{margin-bottom: 10px;}
     .feature-icon::before {
          left: -15px;
     }

}



@media screen and (max-width: 360px) {
     h4.modal-title {font-size: 19px;}
     .testimonial-img-wrapper .person {max-width: 80px;}
     h3 {
          font-size: 22px;
     }




}


/* SM Small Device :550px. */
@media screen and (min-width: 576px) and (max-width: 767px) {
     .facts-area {
          padding-bottom: 30px;
     }
     .contact-left-wrapper {
          padding-left: 45px;
          padding-right: 45px;
     }
     .blog-area .blog-meta li {
          font-size: 16px;
     }
     .blog-area .blog-meta {
          width: 70% !important;
     }
     .blog-area h3 { font-size: 20px;}
     .slider-img {
	     margin-right: -39px;
	     margin-top: 60px;
     }
     .slider-content {
          margin-top: 300px;
     }
     .single-slider.slider-height {
          max-height: 700px;
     }
     .slider-img {
          margin-right: -65px;
          margin-top: 40px;
     }
     .intro-area {
          margin-top: 125px;
     }

}



/* SM Small Device :550px. */
@media screen and (min-width: 400px) and (max-width: 576px) {
     /* home1 */
     .single-slider.slider-height1 { height: 920px;}
     .blog-area .blog-meta li {
          font-size: 15px;
     }
     .blog-area .blog-meta {
          width: 85% !important;
     }
     .blog-area h3 { font-size: 20px;}
     .single-slider.slider-height {
          max-height: 635px;
     }
}


/* SM Small Device :550px. */
@media screen and (min-width: 500px) and (max-width: 600px) {
     .single-slider.slider-height {
          max-height: 652px;
     }
     .slider-content {
          margin-top: 270px;
     }


}