/*bootstrap 4 media queries*/
/*Small devices (landscape phones, 576px and up)*/

 @media only screen and (min-width: 410px) and  (max-width: 576px){

img.svg-1 {
         left: 20px;
    }
     img.svg-2{
         left: 20px;
    }
     img.svg-3{
         right: 20px;
    }
     img.svg-4{
         right: 0px
    }
     .loader {
         left:-15%;
         bottom: 120px;
    }
    
    .section-title p {
    width: 100%;
}
.slider-buttons li:last-child {
    margin-left: 20px;
}

.portfolio-inner img {
    width: 100%;
}
.portfolio-wrapper-2 img{
    width: 100%;
}
.portfolio-hover-content {
    left: 33px;
}
.filter-button-group .filter-btn {
    margin: 0 0 20px;
}

     img.svg-1 {
         left: 20px;
    }
     img.svg-2{
         left: 20px;
    }
     img.svg-3{
         right: 20px;
    }
     img.svg-4{
         right: 20px;
    }
    
     .slider-image {
         display: none;
    }
     ul#menu {
         display: none;
    }
     .text-content {
         padding: 180px 0px 215px 0px;
    }
    .section-title p {
    width: 100%;
}
.home-1.about-area.section-padding {
    padding-bottom: 0px;
}
     .about-content-right {
         -webkit-transform: translate(0px, 100px);
         -moz-transform: translate(0px, 100px);
         -ms-transform: translate(0px, 100px);
         -o-transform: translate(0px, 100px);
         transform: translate(0px, 100px);
         margin-bottom: 220px;
    }
    .footer-nav {
    margin-top: -50px;
}
     .col-lg-6.text-right{
         text-align: center !important ;
    }
     .filter-button-group {
         margin: 0px 0 20px;
    }
     .portfolio-area .text-right {
         text-align: left!important;
    }
     .about-content-right:before {
         width: 100%;
         margin-left: 0%;
         -webkit-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
    }
     .about-social-icon {
         left: 23%;
    }
    .res-mb-40px{
        margin-bottom: 40px;
         }
     .service-inner svg {
         position: inherit;
         margin-top: 0px;
         margin-bottom: 20px;
    }
   
     .service-wrapper {
         padding: 40px 30px 15px 30px;
         -webkit-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         -o-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         -moz-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         -ms-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
    } 
      .service-wrapper:after {
         -webkit-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         -o-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         -moz-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         -ms-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
         clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
    }
     .res-xs-mb-30px{
         margin-bottom: 30px;
    }
     .testimonial-left {
         background-size: 117% 85%;
    }
     .testi-1 {
         -webkit-transform: translate(18px, 7px);
         -moz-transform: translate(18px, 7px);
         -o-transform: translate(18px, 7px);
         -ms-transform: translate(18px, 7px);
         transform: translate(18px, 7px);
    }
     .testi-2 {
         -webkit-transform: translate(-1px, 12px);
         -moz-transform: translate(-1px, 12px);
         -o-transform: translate(-1px, 12px);
         -ms-transform: translate(-1px, 12px);
         transform: translate(-1px, 12px);
    }
     .testi-3 {
         -webkit-transform: translate(5px, 11px);
         -moz-transform: translate(5px, 11px);
         -o-transform: translate(5px, 11px);
         -ms-transform: translate(5px, 11px);
         transform: translate(5px, 11px);
    }
     .home-2 .testimonial-content:before{
         left: 0;
    }
     .home-2 .testimonial-content {
         padding: 0;
    }
     .res-mb-50px{
         margin-bottom: 50px 
    }
     .res-mb-30px{
         margin-bottom: 30px 
    }
.pricing-wrapper {
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    -moz-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    -ms-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    -o-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
}
.pricing-wrapper:after {
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    -moz-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    -ms-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    -o-clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
    clip-path: polygon(14% 0, 100% 0, 100% 92%, 86% 100%, 0 100%, 0 8%);
}
     .package-validity:after {
         left: 10%;
    }
     .contact-wrapper {
         -webkit-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         -ms-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         -moz-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         -o-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
    }
     .contact-wrapper:after {
         -webkit-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         -ms-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         -moz-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         -o-clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
         clip-path: polygon(15% 0, 100% 0, 100% 69%, 85% 100%, 0 100%, 0 32%);
    }
     .subcribe-left p {
         font-size: 20px;
    }
     .subcribe-left h2 {
         font-size: 24px;
    }
     .formButton {
         position: initial;
         margin-top: 20px;
    }
     .contact-left {
         margin-bottom: 50px;
    }
     .subscrib-area {
         padding: 62px 30px 60px 30px;
         -webkit-transform: translate(0px, -130px);
         -moz-transform: translate(0px, -130px);
         -ms-transform: translate(0px, -130px);
         -o-transform: translate(0px, -130px);
         transform: translate(0px, -130px);
         clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%) 
    }
     .navbar-brand {
         width: 35%;
    }
     .subscribe-right input {
         -webkit-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         -ms-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         -moz-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         -o-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
    }
     .footer-nav-wrapper li a {
         padding: 0 10px;
    }
     .footer-right.text-right{
         text-align: left !important;
    }
     .footer-left p {
         width: 100%;
    }
     .testimonial-meta h4{
         -webkit-transform: translate(140px, 0px);
         -moz-transform: translate(140px, 0px);
         -ms-transform: translate(140px, 0px);
         -o-transform: translate(140px, 0px);
         transform: translate(140px, 0px);
    }
     .testimonial-meta span.sub-co{
         -webkit-transform: translate(195px, 0px);
         -moz-transform: translate(195px, 0px);
         -ms-transform: translate(195px, 0px);
         -o-transform: translate(195px, 0px);
         transform: translate(195px, 0px);
    }
    .home-3 .testimonial-inner:after {
    right: -13px;
    -webkit-transform: rotate(-41deg);
    -ms-transform: rotate(-41deg);
    -moz-transform: rotate(-41deg);
    -o-transform: rotate(-41deg);
    transform: rotate(-41deg);
}
     .sub-title h4 {
         font-size: 22px;
    }
     .skill-list {
         -webkit-box-flex: 100;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .skill-wrapper {
         display: -webkit-box;
         display: -ms-flexbox;
         display: block;
    }
     img.about-image-1 {
         position: inherit;
    right: -10px;
    top: -37px;
    }
     .home-2 .about-content p {
         width: 100%;
    }
     .about-content-right-2 {
         -webkit-transform: translate(0px, -50px);
         -moz-transform: translate(0px, -50px);
         -ms-transform: translate(0px, -50px);
         -o-transform: translate(0px, -50px);
         transform: translate(0px, 50px);
         margin-top: 50px;
    }
     .mr-30px {
         margin-right: 10px;
    }
     .home-2 .about-social-icon a {
         margin-right: 6px;
    }
     .home-2 .experience-content {
         width: 100%;
    }
     img.about-image-2 {
         top: 72px;
         margin-left: -190px;
    }
     .service-content-2 h4 {
         font-size: 20px;
         margin: 27px 0px 45px 130px;
    }
     .project-left h2 {
         font-size: 27px;
    }
     .project-left p {
         font-size: 16px;
    }
     .project-right {
         width: fit-content;
    }
     .home-3 .service-wrapper-2 {
         -webkit-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         -moz-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         -ms-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         -o-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
    }
     .home-3 .service-wrapper-2:after {
         -webkit-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         -moz-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         -ms-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         -o-clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
         clip-path: polygon(15.5% 0, 100% 0, 100% 85.5%, 84.5% 100%, 0 100%, 0 14.5%);
    }
     .experience-inner {
         padding: 25px 12px 5px 15px;
    }
     .experience-left {
         -ms-flex: 0 0 24%;
         flex: 0 0 24%;
         margin: 10px 0px 0px 10px;
    }
    .mb-s-30px{
        margin-bottom: 30px;
    }
    .portfolio-inner-2 {
    -webkit-clip-path: polygon(18% 0, 100% 0, 100% 86%, 82% 100%, 0 100%, 0 14%);
    -moz-clip-path: polygon(18% 0, 100% 0, 100% 86%, 82% 100%, 0 100%, 0 14%);
    -ms-clip-path: polygon(18% 0, 100% 0, 100% 86%, 82% 100%, 0 100%, 0 14%);
    -o-clip-path: polygon(18% 0, 100% 0, 100% 86%, 82% 100%, 0 100%, 0 14%);
    clip-path: polygon(18% 0, 100% 0, 100% 86%, 82% 100%, 0 100%, 0 14%);
}

     .experience-wrapper {
         -webkit-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         -ms-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         -moz-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         -o-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
    }
     .experience-left:before {
         top: 31%;
    }
     .experience-wrapper:before {
         left: -23px;
         -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
    }
     .experience-wrapper:after {
         right: -23px;
         -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
    }
     .home-3 .pricing-wrapper {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
    }
     .home-3 .testimonial-single{
         clip-path: polygon(15% 0, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 12%);
         -webkit-clip-path: polygon(15% 0, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 12%);
         -moz-clip-path: polygon(15% 0, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 12%);
         -ms-clip-path: polygon(15% 0, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 12%);
         -o-clip-path: polygon(15% 0, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 12%);
    }
     .blog-main-wrapper {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
    }
     .formButton.yellow-btn:hover {
         border: 2px solid#ffea00;
         background: #212121;
         color: #ffea00;
    }

.service-wrapper-2{
    padding: 40px 16px 40px 40px;
    clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -webkit-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -moz-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -o-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -ms-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
}

.service-wrapper-2:after{
    clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -webkit-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -moz-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -o-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
         -ms-clip-path: polygon(14.5% 0, 100% 0, 100% 83.3%, 85.5% 100%, 0 100%, 0 17.3%);
}
.service-wrapper-2 svg{
    top: 50px;
}







}




 
@media (max-width: 410px) {

     img.svg-1 {
         left: 20px;
    }
     img.svg-2{
         left: 20px;
    }
     img.svg-3{
         right: 20px;
    }
     img.svg-4{
         right: 20px;
    }
     .loader {
        display: block;
        left: -10%;
    }
     .slider-image {
         display: none;
    }
     ul#menu {
         display: none;
    }
     .slider-buttons li:last-child {
         margin-left: 1px;
         margin-top: 30px;
    }

.home-1.about-area.section-padding {
    padding-bottom: 0px;
}
     .text-content {
         padding: 180px 0px 215px 0px;
    }
    .home-3 .testimonial-inner:after {
    right: -13px;
    -webkit-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    transform: rotate(-43deg);
}
    .section-title p {
    width: 100%;
}
     .about-content-right {
         -webkit-transform: translate(0px, 100px);
         -moz-transform: translate(0px, 100px);
         -ms-transform: translate(0px, 100px);
         -o-transform: translate(0px, 100px);
         transform: translate(0px, 100px);
         margin-bottom: 220px;
    }

.portfolio-inner img {
    width: 100%;
}
.portfolio-wrapper-2 img{
    width: 100%;
}
    .footer-nav {
    margin-top: -50px;
}
     .col-lg-6.text-right{
         text-align: center !important ;
    }
     .filter-button-group {
         margin: 0px 0 40px;
    }
     .portfolio-area .text-right {
         text-align: left!important;
    }
     .about-content-right:before {
         width: 100%;
         margin-left: 0%;
         -webkit-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
    }
     .about-social-icon {
         left: 23%;
    }
     .service-inner svg {
         position: inherit;
         margin-top: 0px;
         margin-bottom: 20px;
    }
     .service-wrapper {
         padding: 40px 30px 15px 30px;
    -webkit-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    -moz-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    -ms-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    -o-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    }
    .service-wrapper:after{
    -webkit-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    -moz-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    -ms-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    -o-clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
    clip-path: polygon(9% 0, 100% 0, 100% 85%, 91% 100%, 0 100%, 0 15%);
}
     .res-xs-mb-30px{
         margin-bottom: 30px;
    }
     .testimonial-left {
         background-size: 117% 85%;
    }
     .testi-1 {
         -webkit-transform: translate(1px, 6px);
         -moz-transform: translate(1px, 6px);
         -o-transform: translate(1px, 6px);
         -ms-transform: translate(1px, 6px);
         transform: translate(1px, 6px);
    }
     .testi-2 {
         -webkit-transform: translate(-3px, 67px);
         -moz-transform: translate(-3px, 67px);
         -o-transform: translate(-3px, 67px);
         -ms-transform: translate(-3px, 67px);
         transform: translate(-3px, 67px);
    }
     .testi-3 {
         -webkit-transform: translate(0px, 54px);
         -moz-transform: translate(0px, 54px);
         -o-transform: translate(0px, 54px);
         -ms-transform: translate(0px, 54px);
         transform: translate(0px, 54px);
    }
     .home-2 .testimonial-content:before{
         left: 0;
    }
     .home-2 .testimonial-content {
         padding: 0;
    }
     .res-mb-50px{
         margin-bottom: 50px 
    }
     .res-mb-30px{
         margin-bottom: 30px 
    }
     .pricing-wrapper {
         -webkit-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         -moz-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         -ms-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         -o-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
    }
     .pricing-wrapper:after {
         -webkit-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         -moz-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         -ms-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         -o-clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
         clip-path:polygon(15% 0, 100% 0, 100% 92%, 85% 100%, 0 100%, 0 8%);
    }
     .package-validity:after {
         left: 10%;
    }
     .contact-wrapper {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
    }
     .contact-wrapper:after {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
         clip-path: polygon(16% 0, 100% 0, 100% 69%, 84% 100%, 0 100%, 0 32%);
    }
     .subcribe-left p {
         font-size: 20px;
    }
     .subcribe-left h2 {
         font-size: 24px;
    }
     .formButton {
         position: initial;
         margin-top: 20px;
    }
     .contact-left {
         margin-bottom: 50px;
    }
     .subscrib-area {
         padding: 62px 30px 60px 30px;
         -webkit-transform: translate(0px, -130px);
         -moz-transform: translate(0px, -130px);
         -ms-transform: translate(0px, -130px);
         -o-transform: translate(0px, -130px);
         transform: translate(0px, -130px);
         clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%) 
    }
     .navbar-brand {
         width: 35%;
    }
     .subscribe-right input {
         -webkit-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         -ms-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         -moz-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         -o-clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
         clip-path: polygon(7% 0, 100% 0, 100% 70%, 93% 100%, 0 100%, 0 30%);
    }
     .footer-nav-wrapper li a {
         padding: 0 10px;
    }
     .footer-right.text-right{
         text-align: left !important;
    }
     .footer-left p {
         width: 100%;
    }
     .testimonial-meta h4{
         -webkit-transform: translate(140px, 0px);
         -moz-transform: translate(140px, 0px);
         -ms-transform: translate(140px, 0px);
         -o-transform: translate(140px, 0px);
         transform: translate(140px, 0px);
    }
     .testimonial-meta span.sub-co{
         -webkit-transform: translate(195px, 0px);
         -moz-transform: translate(195px, 0px);
         -ms-transform: translate(195px, 0px);
         -o-transform: translate(195px, 0px);
         transform: translate(195px, 0px);
    }
     .sub-title h4 {
         font-size: 22px;
    }
     .skill-list {
         -webkit-box-flex: 100;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .skill-wrapper {
         display: -webkit-box;
         display: -ms-flexbox;
         display: block;
    }
     img.about-image-1 {
         position: inherit;
         right: -6px;
        top: -27px;
    }
     .home-2 .about-content p {
         width: 100%;
    }
     .about-content-right-2 {
         -webkit-transform: translate(0px, -50px);
         -moz-transform: translate(0px, -50px);
         -ms-transform: translate(0px, -50px);
         -o-transform: translate(0px, -50px);
         transform: translate(0px, 50px);
         margin-top: 50px;
    }
     .mr-30px {
         margin-right: 10px;
    }
     .home-2 .about-social-icon a {
         margin-right: 6px;
    }
     .home-2 .experience-content {
         width: 100%;
    }
     img.about-image-2 {
         top: 72px;
         margin-left: -175px;
    }
     .service-content-2 h4 {
         font-size: 20px;
         margin: 27px 0px 45px 115px;
    }
     .project-left h2 {
         font-size: 20px;
    }
     .project-left p {
         font-size: 14px;
    }
     .project-right {
         width: fit-content;
    }
     .home-3 .service-wrapper-2 {
         -webkit-clip-path: polygon(17% 0, 100% 0, 100% 86%, 83% 100%, 0 100%, 0 14%);
         -moz-clip-path: polygon(17% 0, 100% 0, 100% 86%, 83% 100%, 0 100%, 0 14%);
         -ms-clip-path: polygon(17% 0, 100% 0, 100% 86%, 83% 100%, 0 100%, 0 14%);
         -o-clip-path: polygon(17% 0, 100% 0, 100% 86%, 83% 100%, 0 100%, 0 14%);
         clip-path: polygon(17% 0, 100% 0, 100% 86%, 83% 100%, 0 100%, 0 14%);
    }
     .experience-inner {
         padding: 25px 12px 5px 15px;
    }
     .experience-left {
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
    }
     .experience-wrapper {
         -webkit-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         -ms-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         -moz-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         -o-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
         clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
    }
     .experience-left:before {
         top: 31%;
    }
    .home-3 .service-wrapper-2 {
    clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -moz-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -ms-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -o-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
}
    .home-3 .service-wrapper-2:after {
    clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -moz-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -ms-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
    -o-clip-path: polygon(15% 0, 100% 0, 100% 85.5%, 85% 100%, 0 100%, 0 14.5%);
}
     .home-3 .pricing-wrapper {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
         clip-path: polygon(16% 0, 100% 0, 100% 92%, 84% 100%, 0 100%, 0 8%);
    }
     .home-3 .testimonial-single{
         clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
    }
     .blog-main-wrapper {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
         clip-path: polygon(16% 0, 100% 0, 100% 88%, 84% 100%, 0 100%, 0 12%);
    }
     .formButton.yellow-btn:hover {
         border: 2px solid#ffea00;
         background: #212121;
         color: #ffea00;
    }

.service-wrapper-2{
    padding: 40px 16px 40px 35px;
    clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
}
.service-wrapper-2:after{
    clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 83.3%, 84% 100%, 0 100%, 0 17.3%);
}




}
/*Medium devices (tablets, 768px and up)*/
 @media (max-width: 768px) and (min-width: 568px){

    .slider-image {display: none;}
    .portfolio-wrapper-2 img{width: 100%;}

.loader {
    width: 100%;
    
}

.about-content-right {
    -webkit-transform: translate(0px, -90px);
    -moz-transform: translate(0px, -90px);
    -ms-transform: translate(0px, -90px);
    -o-transform: translate(0px, -90px);
    transform: translate(0px, 90px);
}


.home-1.about-area.section-padding {
    padding-bottom: 208px;
}
.about-content-right:before {
    margin-left: 2%;
    -webkit-clip-path: polygon(19% 0, 100% 0, 100% 84%, 79% 100%, 0 100%, 0 15%);
    -o-clip-path: polygon(19% 0, 100% 0, 100% 84%, 79% 100%, 0 100%, 0 15%);
    -moz-clip-path: polygon(19% 0, 100% 0, 100% 84%, 79% 100%, 0 100%, 0 15%);
    -ms-clip-path: polygon(19% 0, 100% 0, 100% 84%, 79% 100%, 0 100%, 0 15%);
    clip-path: polygon(19% 0, 100% 0, 100% 84%, 79% 100%, 0 100%, 0 15%);
}

.experience-content {
    width: 100%;
}
.section-title p {
    width: 100%;
}

.res-mb-30px{
    margin-bottom: 30px;
}
.res-mb-50px{
    margin-bottom: 50px;
}
.service-wrapper {
    padding: 25px 40px 5px 125px;
}
.portfolio-wrapper img {
    width: 100%;
}

.pricing-wrapper {
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    -moz-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    -ms-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    -o-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
}
.pricing-wrapper:after {
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    -moz-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    -ms-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    -o-clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
    clip-path: polygon(11% 0, 100% 0, 100% 92%, 89% 100%, 0 100%, 0 8%);
}

.testimonial-single{
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 88%, 90% 100%, 0 100%, 0 12%);
    -moz-clip-path: polygon(10% 0, 100% 0, 100% 88%, 90% 100%, 0 100%, 0 12%);
    -ms-clip-path: polygon(10% 0, 100% 0, 100% 88%, 90% 100%, 0 100%, 0 12%);
    -o-clip-path: polygon(10% 0, 100% 0, 100% 88%, 90% 100%, 0 100%, 0 12%);
    clip-path: polygon(10% 0, 100% 0, 100% 88%, 90% 100%, 0 100%, 0 12%);
}
.contact-wrapper{
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    -moz-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    -ms-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    -o-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
}
.contact-wrapper:after{
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    -moz-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    -ms-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    -o-clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
    clip-path: polygon(11% 0, 100% 0, 100% 68%, 89% 100%, 0 100%, 0 32%);
}
.contact-right {
    margin-top: 70px;
}
.subscrib-area {
    -webkit-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
    -moz-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
    -ms-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
    -o-clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
    clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%);
}
.service-wrapper-2 {
    -webkit-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    -moz-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    -ms-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    -o-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
}
.service-wrapper-2:after {
    -webkit-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    -moz-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    -ms-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    -o-clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
    clip-path: polygon(10.9% 0, 100% 0, 100% 82.5%, 89.5% 100%, 0 100%, 0 17.5%);
}

.footer-right.text-right{
    text-align: left!important;
}
img.about-image-1 {
    position: initial;
}

.about-content-right-2 {
    -webkit-transform: translate(0px, 37px);
    -moz-transform: translate(0px, 37px);
    -ms-transform: translate(0px, 37px);
    -o-transform: translate(0px, 37px);
    transform: translate(0px, 37px);
}


.skill-wrapper {
    display: block;
}
.skill-list {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

img.about-image-2 {
    top: 115px;
    margin-left: -175px;
}

img.about-image-3 {
    margin-left: -99px;
    top: 66px;
}
.service-content-2 h4 {
    margin: 27px 0px 80px 112px;
}

.filter-button-group {
    margin: -20px 0 35px;
}

.home-2 .about-content p {
    width: 100%;
}

.portfolio-content-2 {
    display: block;
}
.portfolio-hover-content {
    left: 43px;
}
.testi-1 {
    -webkit-transform: translate(121px, 7px);
    -moz-transform: translate(121px, 7px);
    -o-transform: translate(121px, 7px);
    -ms-transform: translate(121px, 7px);
    transform: translate(121px, 7px);
}
.testi-2 {
    -webkit-transform: translate(126px, 81px);
    -moz-transform: translate(126px, 81px);
    -o-transform: translate(126px, 81px);
    -ms-transform: translate(126px, 81px);
    transform: translate(126px, 81px);
}
.testi-3 {
    -webkit-transform: translate(128px, 70px);
    -o-transform: translate(128px, 70px);
    -moz-transform: translate(128px, 70px);
    -ms-transform: translate(128px, 70px);
    transform: translate(128px, 70px);
}

.testimonial-left {
    padding: 100px 0px 0px 0px;
}
.project-left h2 {
    font-size: 23px;
}
.project-left p {
    font-size: 18px;
}

.text-content {
    padding: 350px 0px 256px 0px;
}

.home-3 .service-wrapper-2 {
    clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -webkit-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -moz-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -ms-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -o-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    padding: 65px 70px 55px 70px;   



}

.home-3 .service-wrapper-2:after {
    clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -webkit-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -moz-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -ms-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
    -o-clip-path: polygon(11.5% 0, 100% 0, 100% 85.5%, 88.5% 100%, 0 100%, 0 14.5%);
}
.folio-links-2 {
    display:block;
}
.res-mb-40px{
    margin-bottom: 40px;
}
.home-3 .testimonial-inner:after{
    right: -18px;
}
.blog-inner a img {
    width: 100%;
}

.blog-inner {
    -webkit-clip-path: polygon(14.5% 0, 100% 0, 100% 86%, 85.5% 100%, 0 100%, 0 16%);
    -moz-clip-path: polygon(14.5% 0, 100% 0, 100% 86%, 85.5% 100%, 0 100%, 0 16%);
    -ms-clip-path: polygon(14.5% 0, 100% 0, 100% 86%, 85.5% 100%, 0 100%, 0 16%);
    -o-clip-path: polygon(14.5% 0, 100% 0, 100% 86%, 85.5% 100%, 0 100%, 0 16%);
    clip-path: polygon(14.5% 0, 100% 0, 100% 86%, 85.5% 100%, 0 100%, 0 16%);
}





  
}


@media (min-width: 600px) and (max-width: 767px){


}

/*Large devices (desktops, 992px and up)*/
 @media only screen and (max-width: 991px) and (min-width: 768px){

     
     
     
     
     img.svg-1 {
         left: 0;
    }
     img.svg-2{
         left: 0;
    }
     img.svg-3{
         right: 0;
    }
     img.svg-4{
         right: 0;
    }
     .loader {
         display:none;
         left: 40%;
         bottom: 120px;
    }
     .slider-image {
         display: none;
    }
     .col-lg-5.text-right {
         text-align: center !important;
    }
     .about-content-right-2 {
         position: relative;
         -webkit-transform: translate(0px, 70px);
         -moz-transform: translate(0px, 70px);
         -ms-transform: translate(0px, 70px);
         -o-transform: translate(0px, 70px);
         transform: translate(0px, 70px);
         margin-bottom: 70px;
    }
     .service-content-2 p {
         margin: 65px 0px 10px;
    }
     .service-content-2 h4 {
         margin:37px 0px 0px 112px;
    }
     .service-wrapper-2 {
         -webkit-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         -moz-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         -ms-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         -o-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
    }
     .service-wrapper-2:after {
         -webkit-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         -moz-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         -ms-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         -o-clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
         clip-path:polygon(8% 0, 100% 0, 100% 80.5%, 92% 100%, 0 100%, 0 19.5%);
    }
    .footer-nav {
    margin-top: -50px;
}
     .filter-button-group {
         margin: 0px 0 50px;
    }
     .portfolio-area .text-right {
         text-align: left!important;
    }
     .testi-1 {
         -webkit-transform: translate(173px, 7px);
         -moz-transform: translate(173px, 7px);
         -o-transform: translate(173px, 7px);
         -ms-transform: translate(173px, 7px);
         transform: translate(173px, 7px);
    }
     .testi-2 {
         -webkit-transform: translate(171px, 68px);
         -ms-transform: translate(171px, 68px);
         -o-transform: translate(171px, 68px);
         -moz-transform: translate(171px, 68px);
         transform: translate(171px, 68px);
    }
     .testi-3 {
         -webkit-transform: translate(172px, 54px);
         -o-transform: translate(172px, 54px);
         -moz-transform: translate(172px, 54px);
         -ms-transform: translate(172px, 54px);
         transform: translate(172px, 54px);
    }
     img.about-image-1 {
         position: inherit;
         right: 0;
    }
     .project-left h2 {
         font-size: 34px;
    }
     .project-right {
         width: fit-content;
    }
     ul#menu {
         display: none;
    }
     .text-content {
         padding: 300px 0px 270px 0px;
    }
     .about-content-right {
         -webkit-transform: translate(0px, 100px);
         -moz-transform: translate(0px, 100px);
         -ms-transform: translate(0px, 100px);
         -o-transform: translate(0px, 100px);
         transform: translate(0px, 100px);
         margin-bottom: 11px;
    }
    .portfolio-hover-content {
    left: 29px;
}
.res-m-mb-0px{
    margin-bottom: 0;
}
     .col-lg-6.text-right{
         text-align: center !important ;
    }
     .about-content-right:before {
         width: 72.5%;
         margin-left: 13.8%;
         -webkit-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         clip-path: polygon(19% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
    }
     .service-wrapper{
         padding: 25px 60px 5px 150px;
    }
     .res-mb-30px{
         margin-bottom: 30px;
    }
     .res-mb-50px{
         margin-bottom: 50px 
    }
     .home-3 .service-wrapper-2 {
         -webkit-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
    }
     .home-3 .service-wrapper-2:after {
         -webkit-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
         clip-path: polygon(8.5% 0, 100% 0, 100% 85%, 91.5% 100%, 0 100%, 0 15%);
    }
     .pricing-wrapper {
         -webkit-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         -moz-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         -ms-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         -o-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
    }
    .pricing-wrapper:after{
         -webkit-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         -moz-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         -ms-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         -o-clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
         clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
     }   
     .package-validity:after {
         left: 31%;
    }
     .contact-left {
         margin-bottom: 50px;
    }
     .subscrib-area {
         padding: 62px 50px 60px 50px;
         -webkit-transform: translate(0px, -130px);
         -moz-transform: translate(0px, -130px);
         -ms-transform: translate(0px, -130px);
         -o-transform: translate(0px, -130px);
         transform: translate(0px, -130px);
         -webkit-clip-path: polygon(8% 0, 100% 0, 100% 80%, 92% 100%, 0 100%, 0 20%);
         -ms-clip-path: polygon(8% 0, 100% 0, 100% 80%, 92% 100%, 0 100%, 0 20%);
         -moz-clip-path: polygon(8% 0, 100% 0, 100% 80%, 92% 100%, 0 100%, 0 20%);
         -o-clip-path: polygon(8% 0, 100% 0, 100% 80%, 92% 100%, 0 100%, 0 20%);
         clip-path: polygon(8% 0, 100% 0, 100% 80%, 92% 100%, 0 100%, 0 20%);
    }
     .subscribe-right input {
         -webkit-clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
         -ms-clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
         -moz-clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
         -o-clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
         clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
    }
     .footer-nav-wrapper li a {
         padding: 0 14px;
    }
     .footer-right.text-right{
         text-align: left !important;
    }
     .footer-left p {
         width: 70%;
    }
     .testimonial-meta h4{
         -webkit-transform: translate(130px, 0px);
         -moz-transform: translate(130px, 0px);
         -ms-transform: translate(130px, 0px);
         -o-transform: translate(130px, 0px);
         transform: translate(130px, 0px);
    }
     .testimonial-meta span.sub-co{
         -webkit-transform: translate(185px, 0px);
         -moz-transform: translate(185px, 0px);
         -ms-transform: translate(185px, 0px);
         -o-transform: translate(185px, 0px);
         transform: translate(185px, 0px);
    }
     .home-3 .pricing-wrapper {
         text-align: center;
         padding: 50px 0px 55px 0px;
    }
     .home-3 .package-heading {
         margin: 0 0 0px;
         margin: auto;
         margin-bottom: 30px;
    }
     .home-3 .package-validity:after {
         left: 207px;
    }
     .testimonial-single {
         -webkit-clip-path: polygon(16.5% 0, 100% 0, 100% 90%, 84.5% 100%, 0 100%, 0 10%);
         -ms-clip-path: polygon(16.5% 0, 100% 0, 100% 90%, 84.5% 100%, 0 100%, 0 10%);
         -moz-clip-path: polygon(16.5% 0, 100% 0, 100% 90%, 84.5% 100%, 0 100%, 0 10%);
         -o-clip-path: polygon(16.5% 0, 100% 0, 100% 90%, 84.5% 100%, 0 100%, 0 10%);
         clip-path: polygon(16.5% 0, 100% 0, 100% 90%, 84.5% 100%, 0 100%, 0 10%);
    }
     .blog-inner a img {
         width: 100%;
    }
     .blog-inner {
         -webkit-clip-path: polygon(16% 0, 100% 0, 100% 84%, 84% 100%, 0 100%, 0 16%);
         -moz-clip-path: polygon(16% 0, 100% 0, 100% 84%, 84% 100%, 0 100%, 0 16%);
         -ms-clip-path: polygon(16% 0, 100% 0, 100% 84%, 84% 100%, 0 100%, 0 16%);
         -o-clip-path: polygon(16% 0, 100% 0, 100% 84%, 84% 100%, 0 100%, 0 16%);
         clip-path: polygon(16% 0, 100% 0, 100% 84%, 84% 100%, 0 100%, 0 16%);
    }
     .blog-content:after {
         top: -40px;
    }

.contact-wrapper {
    -webkit-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    -moz-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    -ms-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    -o-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
}
.contact-wrapper:after{
    -webkit-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    -moz-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    -ms-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    -o-clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
    clip-path: polygon(8% 0, 100% 0, 100% 68%, 92% 100%, 0 100%, 0 32%);
}


.testimonial-left {
    padding: 0px 0px 0px 0px;
}

img.about-image-2 {
    top: 97px;
    margin-left: -202px;
}
img.about-image-3 {
    margin-left: -129px;
    top: 55px;
}






}
/*Large devices (desktops, 1169px and up)*/
 @media only screen and (min-width: 992px) and (max-width: 1169px){

     img.svg-1 {
         left: 0;
    }
     img.svg-2{
         left: 0;
    }
     img.svg-3{
         right: 0;
    }
     img.svg-4{
         right: 0;
    }
     #menu li a {
         margin: 8px 0px 0px 0px;
         padding: 5px 20px;
    }
     .home-3 .slider-image img.shape-1 {
         right: -30px;
    }
     .home-3 .slider-image img {
         right: -300px;
    }
     .home-3 .slider-image img.shape-3 {
         right: -9px;
    }
     .home-3 .slider-image img.shape-2 {
         right: 80px;
    }
     .project-left h2 {
         font-size: 31px;
    }
     .slider-image img {
         right: 0;
    }
     .slider-image img.shape-2 {
         right: 0;
    }
     .slider-image img.shape-1 {
         right: 15px;
    }
     .loader {
         left: 45%;
    }
     .home-3 .service-content-2 h4 {
         font-size: 22px;
    }
    .home-3 .service-wrapper-2 {
    padding: 65px 20px 55px 20px;
}
 .experience-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
}
     .experience-inner {
         padding: 26px 60px 5px 60px;
    }
     .experience-left:before {
         top: 32%;
    }
     .testimonial-single{
         clip-path: polygon(19% 0, 100% 0, 100% 90%, 81% 100%, 0 100%, 0 10%);
         -webkit-clip-path: polygon(19% 0, 100% 0, 100% 90%, 81% 100%, 0 100%, 0 10%);
         -o-clip-path: polygon(19% 0, 100% 0, 100% 90%, 81% 100%, 0 100%, 0 10%);
         -moz-clip-path: polygon(19% 0, 100% 0, 100% 90%, 81% 100%, 0 100%, 0 10%);
         -ms-clip-path: polygon(19% 0, 100% 0, 100% 90%, 81% 100%, 0 100%, 0 10%);
    }
     .blog-content h4 a{
         font-size: 20px;
    }
     .blog-main-wrapper{
         clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -webkit-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -o-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -moz-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -ms-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
    }
     .about-content-right:before {
         margin-left: 0;
         -webkit-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
    }
     .about-social-icon {
         left: 30%;
    }
     .service-wrapper {
         padding: 25px 70px 5px 130px;
    }
     .package-validity:after{
         left: 0;
    }

     .testimonial-meta img{
         left: 0;
    }
     .testimonial-meta h4{
         transform: translate(90px, 0px);
    }
     .testimonial-meta span.sub-co{
         transform: translate(150px, 0px);
    }
     .testimonial-content p{
         font-size: 16px;
    }
     li.circle-tick {
         font-size: 17px;
    }
     .sub-title h4 {
         font-size: 22px;
    }
  .about-area.section-padding {
    padding: 106px 0 120px 0;
}

     .service-wrapper-2 {
         padding: 40px 10px 40px 26px;
    }
     .service-content-2 h4 {
         margin: 27px 0px 45px 130px;
    }

     .subscrib-area {
         padding: 60px 50px 65px 50px;
    }
     .portfolio-content-2 {
         padding: 6px 15px 0px 15px;
    }
     .portfolio-hover-content {
         left: 25px;
    }
     .testimonial-left {
         background-size: 118% 85%;
         background-position: bottom center;
         background-repeat: no-repeat;
    }
     .testi-1 {
         -webkit-transform: translate(12px, 7px);
         -moz-transform: translate(12px, 7px);
         -o-transform: translate(12px, 7px);
         -ms-transform: translate(12px, 7px);
         transform: translate(12px, 7px);
    }
     .testi-2 {
         -webkit-transform: translate(-3px, 23px);
         -ms-transform: translate(-3px, 23px);
         -o-transform: translate(-3px, 23px);
         -moz-transform: translate(-3px, 23px);
         transform: translate(-3px, 23px);
    }
     .testi-3 {
         -webkit-transform: translate(0px, 11px);
         -o-transform: translate(0px, 11px);
         -moz-transform: translate(0px, 11px);
         -ms-transform: translate(0px, 11px);
         transform: translate(0px, 11px);
    }
    .section-title p {
    width: 60%;
}
     .subscribe-right input {
         -webkit-clip-path: polygon(6% 0, 100% 0, 100% 70%, 94% 100%, 0 100%, 0 30%);
         -ms-clip-path: polygon(6% 0, 100% 0, 100% 70%, 94% 100%, 0 100%, 0 30%);
         -moz-clip-path: polygon(6% 0, 100% 0, 100% 70%, 94% 100%, 0 100%, 0 30%);
         -o-clip-path: polygon(6% 0, 100% 0, 100% 70%, 94% 100%, 0 100%, 0 30%);
         clip-path: polygon(6% 0, 100% 0, 100% 70%, 94% 100%, 0 100%, 0 30%);
    }

    .home-1.about-area.section-padding {
    padding-bottom: 120px;
}

}
/*Large devices (desktops, 1366px and up)*/
 @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){

     img.svg-1 {
         left: 0;
    }
     img.svg-2{
         left: 0;
    }
     img.svg-3{
         right: 0;
    }
     img.svg-4{
         right: 0;
    }
     #menu li a {
         margin: 8px 0px 0px 0px;
         padding: 5px 20px;
    }
     .home-3 .slider-image img {
         right:-300px;
    }
     .slider-wrapper.home-3 {
         overflow: hidden;
    }
     .home-3 .slider-image img.shape-2 {
         right: 50px;
    }
     .home-3 .slider-image img.shape-3 {
         right: -35px;
    }
     .project-left h2 {
         font-size: 30px;
    }
     .home-3 .service-content-2 h4 {
         margin: 27px 0px 45px -21px;
    }
    .home-3 .service-wrapper-2{
        padding: 65px 24px 55px 35px;
       }
       .home-3 .testimonial-inner:after {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -moz-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg);
         right: -13px;
}   
     .experience-inner {
         padding: 26px 73px 5px 60px;
  
    }
     .experience-left:before {
         top: 30%;
    }
     .home-3 .slider-image img.shape-1 {
         right: -55px;
    }
     .home-3 .slider-image img.shape-1 {
         position: absolute;
         top: 50%;
         right: -55px;
         margin-top: -230px;
         z-index: -1;
    }
     .testimonial-single{
         clip-path: polygon(19% 0, 100% 0, 100% 89%, 81% 100%, 0 100%, 0 11%);
    }
     .blog-main-wrapper {
         -webkit-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -moz-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -o-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         -ms-clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
         clip-path: polygon(19% 0, 100% 0, 100% 88%, 81% 100%, 0 100%, 0 12%);
    }
     .blog-content h4 a {
         line-height: 30px;
         font-size: 20px;
    }
     .slider-image img {
         right: 0;
    }
     .slider-image img.shape-2 {
         right: 0;
    }
     .slider-image img.shape-1 {
         right: 15px;
    }
     .loader {
         left: 45%;
    }
     .about-content-right:before {
         margin-left: 0;
         -webkit-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -o-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -moz-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         -ms-clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
         clip-path: polygon(20% 0, 100% 0, 100% 86%, 80% 100%, 0 100%, 0 15%);
    }
     .about-social-icon {
         left: 30%;
    }
     .service-wrapper {
         padding: 25px 70px 5px 130px;
    }
     .package-validity:after{
         left: 0;
    }

     .testimonial-meta img{
         left: 0;
    }
     .testimonial-meta h4{
         transform: translate(90px, 0px);
    }
     .testimonial-meta span.sub-co{
         transform: translate(150px, 0px);
    }
     li.circle-tick {
         font-size: 17px;
    }
     .sub-title h4 {
         font-size: 22px;
    }

     .service-wrapper-2:after {
         -webkit-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         -moz-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         -ms-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         -o-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
    }
     .service-wrapper-2 {
         -webkit-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         -moz-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         -ms-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         -o-clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         clip-path: polygon(20% 0, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%);
         padding: 40px 10px 40px 26px;
    }
     .service-content-2 h4 {
         margin: 27px 0px 45px 130px;
    }
     .portfolio-content-2 {
         padding: 6px 15px 0px 15px;
    }
     .portfolio-hover-content {
         left: 25px;
    }
     .testimonial-left {
         background-size: 118% 85%;
         background-position: bottom center;
         background-repeat: no-repeat;
    }
     .testi-1 {
         -webkit-transform: translate(12px, 7px);
         -moz-transform: translate(12px, 7px);
         -o-transform: translate(12px, 7px);
         -ms-transform: translate(12px, 7px);
         transform: translate(12px, 7px);
    }
     .testi-2 {
         -webkit-transform: translate(-3px, 23px);
         -ms-transform: translate(-3px, 23px);
         -o-transform: translate(-3px, 23px);
         -moz-transform: translate(-3px, 23px);
         transform: translate(-3px, 23px);
    }
     .testi-3 {
         -webkit-transform: translate(0px, 11px);
         -o-transform: translate(0px, 11px);
         -moz-transform: translate(0px, 11px);
         -ms-transform: translate(0px, 11px);
         transform: translate(0px, 11px);
    }

.home-1.about-area.section-padding {
    padding-bottom: 120px;
}

.testimonial-content {
    padding: 90px 15px 0 30px;
}
.blog-inner{

         -webkit-clip-path: polygon(13.5% 0, 100% 0, 100% 86%, 82.5% 100%, 0 100%, 0 16%);
         -moz-clip-path: polygon(13.5% 0, 100% 0, 100% 86%, 82.5% 100%, 0 100%, 0 16%);
         -ms-clip-path: polygon(13.5% 0, 100% 0, 100% 86%, 82.5% 100%, 0 100%, 0 16%);
         -o-clip-path: polygon(13.5% 0, 100% 0, 100% 86%, 82.5% 100%, 0 100%, 0 16%);
         clip-path: polygon(13.5% 0, 100% 0, 100% 86%, 82.5% 100%, 0 100%, 0 16%);
}

img.about-image-1 {
    top: 0;
}
.about-area.section-padding {
    padding: 106px 0 120px 0;
}


}
/*Extra large devices (large desktops, 1200px and up)*/
 @media (min-width: 1170px) and (max-width: 1366px){

       .home-3 .slider-image img {
         right: -300px;
    }
     
     img.svg-1 {
         left: 0;
    }
     img.svg-2{
         left: 0;
    }
     img.svg-3{
         right: 0;
    }
     img.svg-4{
         right: 0;
    }
     .subscribe-right input {
         -webkit-clip-path: polygon(5% 0, 100% 0, 100% 69%, 95% 100%, 0 100%, 0 29%);
         -ms-clip-path: polygon(5% 0, 100% 0, 100% 69%, 95% 100%, 0 100%, 0 29%);
         -moz-clip-path: polygon(5% 0, 100% 0, 100% 69%, 95% 100%, 0 100%, 0 29%);
         -o-clip-path: polygon(5% 0, 100% 0, 100% 69%, 95% 100%, 0 100%, 0 29%);
         clip-path: polygon(5% 0, 100% 0, 100% 69%, 95% 100%, 0 100%, 0 29%);
    }
}



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

       .home-3 .slider-image img {
         right: -70px;
    }
     
   
}
 
 @media (min-width: 1501px) and (max-width: 2000px){

       .home-3 .slider-image img {
         right: -70px;
    }
     
   
}