/*
  Theme Name:Lander Multipurpose HTML5 template.
  Theme URL:http://demos.themepul.com/lender/
  Author: Themepul
  Author URI: http://themepul.com
  Description: Lander – A stunning Multipurpose HTML5.... Lender | Multiparpaas HTML5 template…. Lender is modern and exclusive HTML template suitable for agencies and freelancers. Lender was designed in best possible look with flat, clean and clear design that will make your website difference from others. In line with Modern Design Trends, Color Fresh and Dynamic, Creative + Detail Layouts with elegant look! This one will be an amazing choice! .
  Version: 1.0
*/

@media(min-width:1920px) and (max-width:1920px) {
    .success-business::before {
        width: 75.4%;
    }
    .recent-content {
        padding: 100px 84px 108px;
    }
    .success-service-content {
        padding: 119px 50px 129.5px 100.5px;
    }
    .contact-info .form-button {
        text-align: center;
        width: 100%;
        overflow: hidden;
    }
}

@media (width:1024px) {
    .nivo-controlNav {
        display: none;
    }
    .hadding-area p {
        padding: 30px 250px 0;
    }
    .success-img {
        margin-top: 38px;
        max-width: 345px;
    }
    .recent-content {
        padding: 79px 37px 34px;
    }
    .success-content {
        padding: 16px 0px 27px 126px;
    }
    .success-business::before {
        border-width: 358px 0 0 118px;
        width: 66.4%;
    }
    .local-business::before {
        border-width: 447px 108px 0 0;
        width: 66.4%;
    }
    .social-link {
        margin-bottom: 39px;
        margin-top: -48px;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 20%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 88px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 74px;
    }
    .local-business-con {
        padding: 42px 158px 0px 1px;
    }
    .local-business-img {
        max-width: 318px;
    }
    .blog-content {
        padding: 30px 20px;
    }
    .meta-box li::after {
        margin: 0 6px;
    }
    .blog-content p {
        padding-bottom: 18px;
    }
    .latest-news-item > img {
        margin: 8px 12px 10px 0;
    }
    .success-service-content {
        padding: 62px 30px;
    }
    .portfolio-content {
        height: 89.4%;
        width: 91%;
    }
    .portfolio-content:hover .images-link {
        top: 109px;
    }
    .portfolio-content:hover .image-view {
        bottom: 90px;
    }
    .compony_project::before {
        border-width: 217px 83px 0 0;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 50%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 34%;
    }
}

@media (width:768px) {
    .header-area {
      overflow: hidden;
    }
    .header-contacts {
        display: none;
    }
    ul.slimmenu li .sub-toggle {
        display: block;
    }
    ul.slimmenu li .sub-toggle {
        top: 4px;
    }
    .collapse-button {
        top: 47%;
    }
    .hadding-area p {
        padding: 35px 100px 0;
    }
    .slide-content {
        top: 14px;
    }
    .slide-content > p {
        padding: 20px 71px 26px;
    }
    .nivo-controlNav {
        display: none;
    }
    .logo {
        padding-bottom: 30px;
        text-align: center;
    }
    .success-business .pull-right {
      float: none !important;
      overflow: hidden;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        content: "";
        width: 100%;
    }
    .success-img {
      max-width: 100%;
    }
    .success-content {
        color: #333;
        padding: 59px 3px 50px 0;
    }
    .recent-content {
        padding: 30px;
        width: 100%;
    }
    .recent-img {
        width: 100%;
    }
    .team-hover-item {
        width: 100%;
        height: 100%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 37%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 170px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 100px;
    }
    .client-content .owl-dots {
        width: 123px;
    }
    .blog-content {
        padding: 47px 30px;
    }
    .testimonial-section .des {
        padding: 0;
    }
    .local-business::before {
        border-color: transparent;
        border-width: 0;
    }
    .success-service-content {
        padding: 38px 23px;
    }
    .portfolio-content:hover .image-view {
        bottom: 117px;
    }
    .compony_project::before {
        border-width: 241px 105px 0 0;
    }
    .slider-section-3 .slider-items {
        margin-top: 249px;
    }
    .slider-section-3 .slide-content {
        top: 25%;
        width: 75%;
    }
    .slide-content > h2 {
        font-size: 26px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 189px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:736px) {
    .slider-section-3 .slider-items {
        margin-top: 248px;
    }
    .slider-section-3 .slide-content {
        top: 12%;
        width: 68%;
    }
    .slide-content > h2 {
        font-size: 22px;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .portfolio-1 .portfolio-item {
        width: 100%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 44.4%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 50%;
    }
    .inner_page .portfolio-item {
        width: 100%;
    }
    .blog-page-inner {
        overflow: hidden;
    }
    .success-img {
      max-width: 100%;
    }
}

@media (max-width:736px) {
    .logo {
        padding-bottom: 30px;
        text-align: center;
    }
    .collapse-button {
        top: 49%;
    }
    .slide-content {
        top: 18px;
    }
    .nivo-controlNav {
        display: none;
    }
    .slide-content > p {
        padding: 20px 71px 25px;
    }
    .hadding-area p {
        padding: 14px 113px;
    }
    .service-item p {
        padding: 24px 0;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        content: "";
        width: 100%;
    }
    .success-img {
      max-width: 100%;
    }
    .success-content {
        color: #333;
        padding: 59px 3px 50px 0;
    }
    .our-skill-content .text-content {
        padding-top: 40px;
    }
    .our-skill-content h2 {
        margin-bottom: 30px;
    }
    /*** recent project ***/
    .recent-content {
        padding: 32px;
        width: 100%;
    }
    .recent-img {
        width: 100%;
    }
    /*** team***/
    .team-hover-item {
        height: 100%;
        width: 100%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 160px;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 35.7%;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 95px;
    }
    .local-business::before {
        border-color: transparent;
        border-width: 0;
        width: 100%;
    }
    .local-business-con {
        color: #333;
        padding: 30px;
    }
    .client-content .owl-dots {
        width: 150px;
    }
    .progress-item {
        margin: 30px;
    }
    /*** blog ***/
    .blog-img > img {
        width: 100%;
    }
    .blog-content {
        background-color: #e7e7e7;
    }
    .blog-containes {
        margin: 15px 0;
    }
    .testimonial-section .des {
        padding: 0;
    }
    .portfolio-item-content > img {
        width: 100%;
    }
    .portfolio-content {
        height: 95%;
        width: 95.8%;
    }
    .portfolio-content:hover .images-link {
        top: 50%;
    }
    .portfolio-content:hover .image-view {
        bottom: 42.8%;
    }
    .compony_project::before {
        border-width: 193px 0 0;
        width: 100%;
    }
    .priceing-content {
        margin: 15px;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:667px) {
    .logo {
        margin-bottom: 20px;
        text-align: center;
    }
    ul.slimmenu li .sub-toggle {
        display: block;
    }
    .nivo-controlNav {
        display: none;
    }
    .slide-content {
        top: 11%;
    }
    .slide-content > p {
        margin: 0;
        padding: 0 83px 22px;
    }
    .slider-section-3 .nivoSlider {
        margin-top: 260px;
    }
    .slider-section-3 .slide-content {
        top: 36px;
        width: 69%;
    }
    .slide-content > h2 {
        font-size: 20px;
    }
    /*** hadding  ***/
    .hadding-area p {
        line-height: 26px;
        padding: 38px 10px 0 11px;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        width: 100%;
    }
    .success-content {
        color: #333;
        padding: 38px 0;
    }
    .our-skill-content .text-content {
        padding-top: 40px;
    }
    .our-skill-content h2 {
        margin-bottom: 9px;
    }
    /*** recent project ***/
    .recent-content {
        background-color: #fbfbfb;
        padding: 15px;
        width: 100%;
    }
    .recent-content h3 {
        font-size: 20px;
    }
    .recent-img {
        width: 100%;
    }
    .success-service-img {
        width: 100%;
    }
    .success-service-content {
        float: none;
        padding: 26px;
        width: 100%;
    }
    .success-service-content > h2 {
        font-size: 18px;
    }
    .team-hover-item {
        height: 100%;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 74px;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 148px;
    }
    .client-content .owl-dots {
        width: 152px;
    }
    .blog-img > img {
        width: 100%;
    }
    .testimonial-section .des {
        padding: 0;
    }
    .portfolio-item-content > img {
        width: 100%;
    }
    .portfolio-content {
        height: 94.2%;
        width: 95.5%;
    }
    .portfolio-content:hover .images-link {
        top: 215px;
    }
    .portfolio-content:hover .image-view {
        bottom: 247px;
    }
    .compony_project::before {
        border-width: 195px 0 0;
        width: 100%;
    }
    .priceing-content {
        margin: 15px;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .portfolio-1 .portfolio-item.colmd-3 {
        width: 100%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 50%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 43.8%;
    }
    .inner_page .portfolio-item {
        width: 100%;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:640px) {
    /*** header ***/
    .top-bar-left {
        float: left;
        text-align: left;
    }
    .top-link > ul > li > a {
        margin: 5px;
    }
    .top-bar-right {
        float: right;
        margin-top: 0;
        text-align: right;
    }
    .header-wrapper {
        padding: 34px 0;
        text-align: center;
        width: 100%;
    }
    .logo {
        margin-bottom: 20px;
    }
    .menu-collapser {
        font-size: 15px;
        line-height: 46px;
        padding: 0;
    }
    .collapse-button {
        top: 48%;
    }
    ul.slimmenu li .sub-toggle {
        display: block;
    }
    ul.slimmenu li .sub-toggle {
        top: 4px;
    }
    /*** slider ***/
    .slider-items {
        width: 100%
    }
    .nivo-directionNav a {
        height: 30px;
        padding: 0;
        width: 30px;
    }
    .nivo-prevNav {
        left: 9px;
    }
    .nivo-nextNav {
        right: 9px;
    }
    .slider-items .nivo-nextNav::after {
        left: 8px;
        top: 4px;
    }
    .slider-items .nivo-prevNav::after {
        left: 7px;
        top: 4px;
    }
    .slide-content {
        height: 165px;
        top: 50px;
        width: 81%;
    }
    .slide-content > h2 {
        font-size: 18px;
        line-height: 18px;
    }
    .slide-content > p {
        display: block;
        height: 80px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 17px;
        overflow: hidden;
        padding: 4px 12px;
        width: 100%;
    }
    .nivo-controlNav {
        display: none;
    }
    /*** hadding  ***/
    .hadding-area p {
        line-height: 26px;
        padding: 39px 50px 0 50px;
    }
    /*** sucess ***/
    .success-img {
        max-width: 100%;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        content: "";
        width: 100%;
    }
    .success-content {
        color: #333;
        margin-top: 39px;
        padding: 0 0 40px;
    }
    /*** slill ***/
    .our-skill-content .text-content {
        padding-top: 40px;
    }
    .our-skill-content h2 {
        margin-bottom: 14px;
    }
    .our-skill-content p {
        padding: 0;
    }
    /*** recent project ***/
    .recent-content {
        background-color: #fbfbfb;
        padding: 15px;
        width: 100%;
    }
    .recent-content h3 {
        font-size: 20px;
    }
    .recent-img {
        width: 100%;
    }
    /*** team ***/
    .team-hover-item {
        height: 100%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 33%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 138px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 79px;
    }
    /*** client ***/
    .client-content .owl-dots {
        margin: 32px auto;
        width: 100%;
    }
    .progress-item {
        padding: 25px;
    }
    /*** blog ***/
    .blog-item {
        padding: 20px 0;
    }
    .blog-img > img {
        width: 100%;
    }
    .blog-section .view-blogs {
        margin-right: 20px;
    }
    /*** testimonial ***/
    .testimonial-section .des {
        padding: 0;
    }
    /*** home 2 ***/
    .success-service-img {
        width: 100%;
    }
    .success-service-content {
        float: none;
        padding: 26px;
        width: 100%;
    }
    .success-service-content > h2 {
        font-size: 18px;
    }
    /*** portfolio ***/
    .portfolio-categories > li {
        display: block;
    }
    .portfolio-item-content > img {
        width: 100%;
    }
    .portfolio-content {
        height: 94.4%;
        width: 95.3%;
    }
    .portfolio-content:hover .image-view {
        bottom: 41.8%;
    }
    .portfolio-content:hover .images-link {
        top: 50%;
    }
    /*** new project ***/
    .compony_project::before {
        border-width: 203px 0 0;
        width: 100%;
    }
    .compony_project p {
        padding: 19px 0;
    }
    .priceing-content {
        margin: 15px 0;
    }
    /*** home 3 ***/
    .header-area.header3 {
        position: static;
    }
    .header3 .slimmenu.collapsed {
        background-color: transparent;
    }
    .header3 ul.slimmenu li ul li {
        background-color: transparent;
        min-width: 150px;
        padding: 0 11px;
        text-align: left;
    }
    .slider-section-3 .slider-items {
        height: 240px;
    }
    .slider-section-3 .slider-items img {
        height: 240px !important;
    }
    .slider-section-3 .slide-content {
        left: 50px;
        margin: 0;
        right: auto;
        top: 13%;
        width: 75%;
    }
    .slider-section-3 .slide-content > p {
        height: 115px;
        padding: 0;
        margin-bottom: 0px;
    }
    .slider-section-3 .nivo-directionNav a {
        top: 43%;
    }
    .inner_page .portfolio-list .colmd-3 {
        padding: 0;
        width: 100%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 49%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 43.8%;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:600px) {
    .team-hover-item:hover .team-icon-2 {
        top: 50%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 43%;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 36%;
    }
    .team-hover-item:hover .team-title {
        bottom: 50%;
    }
    .team-hover-item:hover .team-sub-title {
        bottom: 40%!important;
    }
    .client-content .owl-dots {
        width: 140px;
    }
    .slide-content {
        top: 20px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 44%;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .inner_page .portfolio-item {
        width: 100%;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:568px) {
    .top-bar-left {
        float: left;
    }
    .top-bar-right {
        float: right;
        margin-top: 0;
        text-align: center;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .inner_page .portfolio-item {
        width: 100%;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:568px) {
    /*** header ***/
    .top-bar-left {
        float: none;
        text-align: center;
    }
    .top-link > ul > li > a {
        margin: 5px;
    }
    .top-bar-right {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    .header-wrapper {
        padding: 34px 0;
        text-align: center;
        width: 100%;
    }
    .logo {
        margin-bottom: 20px;
    }
    .menu-collapser {
        font-size: 15px;
        line-height: 46px;
        padding: 0;
    }
    .collapse-button {
        top: 48%;
    }
    ul.slimmenu li .sub-toggle {
        display: block;
    }
    ul.slimmenu li .sub-toggle {
        top: 4px;
    }
    /*** slider ***/
    .slider-items {
        height: 200px;
    }
    .slider-items img {
        height: 200px !important;
    }
    .nivo-directionNav a {
        height: 30px;
        padding: 0;
        width: 30px;
    }
    .nivo-prevNav {
        left: 9px;
    }
    .nivo-nextNav {
        right: 9px;
    }
    .slider-items .nivo-nextNav::after {
        left: 8px;
        top: 4px;
    }
    .slider-items .nivo-prevNav::after {
        left: 7px;
        top: 4px;
    }
    .slide-content {
        height: 169px;
        top: 26px;
        width: 443px;
    }
    .slide-content > h2 {
        font-size: 13px;
        line-height: 18px;
    }
    .slide-content > p {
        display: block;
        height: 74px;
        line-height: 24px;
        margin-bottom: 8px;
        overflow: hidden;
        padding: 0 0;
        width: 100%;
    }
    .slider-section-3 .slide-content {
        width: 80%;
    }
    .nivo-controlNav {
        display: none;
    }
    .slide-content .btn {
        font-size: 10px;
        padding: 5px 8px;
    }
    /*** hadding  ***/
    .hadding-area p {
        line-height: 26px;
        padding: 38px 10px 0 11px;
    }
    /*** sucess ***/
    .success-img {
        max-width: 311px;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        content: "";
        width: 100%;
    }
    .success-content {
        color: #333;
        margin-top: 39px;
        padding: 0 0 40px;
    }
    /*** slill ***/
    .our-skill-content .text-content {
        padding-top: 40px;
    }
    .our-skill-content h2 {
        margin-bottom: 14px;
    }
    .our-skill-content p {
        padding: 0;
    }
    /*** recent project ***/
    .recent-content {
        background-color: #fbfbfb;
        padding: 15px;
        width: 100%;
    }
    .recent-content h3 {
        font-size: 20px;
    }
    .recent-img {
        width: 100%;
    }
    /*** team ***/
    .team-hover-item {
        height: 100%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 40.5%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 256px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 200px;
    }
    .team-hover-item:hover .team-title {
        bottom: 50%;
    }
    .team-hover-item:hover .team-sub-title {
        bottom: 40% !important;
    }
    /*** client ***/
    .client-content .owl-dots {
        margin: 32px auto;
        width: 100%;
    }
    .progress-item {
        padding: 25px;
    }
    /*** blog ***/
    .blog-item {
        padding: 20px 0;
    }
    .blog-section .view-blogs {
        margin-right: 20px;
    }
    /*** testimonial ***/
    .testimonial-section .des {
        padding: 0;
    }
    /*** home 2 ***/
    .success-service-img {
        width: 100%;
    }
    .success-service-content {
        float: none;
        padding: 26px;
        width: 100%;
    }
    .success-service-content > h2 {
        font-size: 18px;
    }
    /*** portfolio ***/
    .portfolio-categories > li {
        display: block;
    }
    .portfolio-content {
        height: 93.5%;
        width: 94.5%;
    }
    .portfolio-content:hover .image-view {
        bottom: 216px;
    }
    .portfolio-content:hover .images-link {
        top: 167px;
    }
    /*** new project ***/
    .compony_project::before {
        border-width: 203px 0 0;
        width: 100%;
    }
    .compony_project p {
        padding: 19px 0;
    }
    .priceing-content {
        margin: 15px 0;
    }
    /*** home 3 ***/
    .header-area.header3 {
        position: static;
    }
    .header3 .slimmenu.collapsed {
        background-color: transparent;
    }
    .header3 ul.slimmenu li ul li {
        background-color: transparent;
        min-width: 150px;
        padding: 0 11px;
        text-align: left;
    }
    .slider-section-3 .slider-items {
        height: 240px;
    }
    .slider-section-3 .slider-items img {
        height: 240px !important;
    }
    .slider-section-3 .slide-content {
        left: 50px;
        margin: 0;
        right: auto;
        top: 13%;
        width: 80%;
    }
    .slider-section-3 .slide-content > p {
        height: 115px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:480px) {
    /*** slider ***/
    .slide-content {
        width: 400px;
    }
    .slide-content > h2 {
        font-size: 19px;
        margin-bottom: 18px;
    }
    .slide-content > p {
        display: block;
        height: 80px;
        line-height: 24px;
        overflow: hidden;
        padding: 4px 12px;
        width: 100%;
        margin-bottom: 8px
    }
    .nivo-controlNav {
        display: none;
    }
    .slide-content .btn {
        font-size: 10px;
        padding: 5px 8px;
    }
    /*** team ***/
    .team-hover-item {
        height: 100%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 35.5%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 206px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 181px;
    }
    .team-hover-item:hover .team-title {
        bottom: 240px;
    }
    .team-hover-item:hover .team-sub-title {
        bottom: 190px !important;
    }
    /*** blog ***/
    .blog-img > img {
        width: 100%;
    }
    /*** home 2 ***/
    /*** portfolio ***/
    .portfolio-item-content > img {
        width: 100%;
    }
    .portfolio-content {
        height: 92.4%;
        width: 94%;
    }
    .portfolio-content:hover .image-view {
        bottom: 151px;
    }
    .portfolio-content:hover .images-link {
        top: 174px;
    }
    /*** home 3 ***/
    .slider-section-3 .slider-items {
        width: 100%;
    }
    .slider-section-3 .slide-content {
        width: 77%;
    }
    .slider-section-3 .slide-content > p {
        height: 115px;
        margin-bottom: 20px;
    }
    .slide-content > h2 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .slider-section-3 .nivo-directionNav a {
        top: 44%;
    }
    /*** Other page ***/
    /*** login page ***/
    .login-section .form,
    .register-section .form {
        width: 100%;
    }
    /*** portfolio ***/
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 225px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 215px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:479px) {
    /*** header ***/
    .top-bar-left {
        float: none;
        text-align: center;
    }
    .top-link > ul > li > a {
        margin: 5px;
    }
    .top-bar-right {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    .header-wrapper {
        padding: 34px 0;
        text-align: center;
        width: 100%;
    }
    .logo {
        margin-bottom: 20px;
    }
    .menu-collapser {
        font-size: 15px;
        line-height: 46px;
        padding: 0;
    }
    .collapse-button {
        top: 48%;
    }
    ul.slimmenu li .sub-toggle {
        display: block;
    }
    ul.slimmenu li .sub-toggle {
        top: 4px;
    }
    /*** slider ***/
    .slider-items {
        height: 200px;
    }
    .slider-items img {
        height: 200px !important;
    }
    .nivo-directionNav a {
        height: 30px;
        padding: 0;
        width: 30px;
    }
    .nivo-prevNav {
        left: 9px;
    }
    .nivo-nextNav {
        right: 9px;
    }
    .slider-items .nivo-nextNav::after {
        left: 8px;
        top: 4px;
    }
    .slider-items .nivo-prevNav::after {
        left: 7px;
        top: 4px;
    }
    .slide-content {
        height: 165px;
        top: 26px;
        width: 248px;
    }
    .slide-content > h2 {
        font-size: 13px;
        line-height: 18px;
    }
    .slide-content > p {
        line-height: 23px;
        margin-bottom: 7px;
        margin-top: 5px;
        padding: 5px 10px;
    }
    .nivo-controlNav {
        display: none;
    }
    .slide-content .btn {
        font-size: 10px;
        padding: 5px 8px;
    }
    /*** hadding  ***/
    .hadding-area p {
        line-height: 26px;
        padding: 38px 10px 0 11px;
    }
    /*** sucess ***/
    .success-img {
        max-width: 311px;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        content: "";
        width: 100%;
    }
    .success-content {
        color: #333;
        margin-top: 39px;
        padding: 0 0 40px;
    }
    /*** slill ***/
    .our-skill-content .text-content {
        padding-top: 40px;
    }
    .our-skill-content h2 {
        margin-bottom: 14px;
    }
    .our-skill-content p {
        padding: 0;
    }
    /*** recent project ***/
    .recent-content {
        background-color: #fbfbfb;
        padding: 15px;
        width: 100%;
    }
    .recent-content h3 {
        font-size: 20px;
    }
    .recent-img {
        width: 100%;
    }
    /*** team ***/
    .team-hover-item {
        height: 100%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 33%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 143px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 88px;
    }
    /*** client ***/
    .client-content .owl-dots {
        margin: 32px auto;
        width: 100%;
    }
    .progress-item {
        padding: 25px;
    }
    /*** blog ***/
    .blog-item {
        padding: 20px 0;
    }
    .blog-section .view-blogs {
        margin-right: 20px;
    }
    /*** testimonial ***/
    .testimonial-section .des {
        padding: 0;
    }
    /*** home 2 ***/
    .success-service-img {
        width: 100%;
    }
    .success-service-content {
        float: none;
        padding: 26px;
        width: 100%;
    }
    .success-service-content > h2 {
        font-size: 18px;
    }
    /*** portfolio ***/
    .portfolio-categories > li {
        display: block;
    }
    .portfolio-content {
        height: 89%;
        width: 90.5%;
    }
    .portfolio-content:hover .image-view {
        bottom: 100px;
    }
    .portfolio-content:hover .images-link {
        top: 96px;
    }
    /*** new project ***/
    .compony_project::before {
        border-width: 203px 0 0;
        width: 100%;
    }
    .compony_project p {
        padding: 19px 0;
    }
    .priceing-content {
        margin: 15px 0;
    }
    /*** home 3 ***/
    .header-area.header3 {
        position: static;
    }
    .header3 .slimmenu.collapsed {
        background-color: transparent;
    }
    .header3 ul.slimmenu li ul li {
        background-color: transparent;
        min-width: 150px;
        padding: 0 11px;
        text-align: left;
    }
    .slider-section-3 .slider-items {
        height: 240px;
    }
    .slider-section-3 .slider-items img {
        height: 240px !important;
    }
    .slider-section-3 .slide-content {
        left: 50px;
        margin: 0;
        right: auto;
        top: 13%;
        width: 200px;
    }
    .slider-section-3 .slide-content > p {
        height: 115px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:439px) {
    /*** team ***/
    .team-hover-item:hover .team-icon-1 {
        top: 35.6%;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 178px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 128px;
    }
    .team-hover-item:hover .team-title {
        bottom: 180px;
    }
    .team-hover-item:hover .team-sub-title {
        bottom: 130px !important;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 50%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 38.6%;
    }
    /*** home 2 ***/
    /*** portfolio ***/
    .portfolio-categories > li {
        display: block;
    }
    .portfolio-content {
        height: 89.6%;
        width: 91.6%;
    }
    .portfolio-content:hover .image-view {
        bottom: 111px;
    }
    .portfolio-content:hover .images-link {
        top: 116px;
    }
    /*** home 3 ***/
    .slider-section-3 .slide-content > p {
        height: 95px;
        margin-bottom: 15px;
        margin-top: 4px;
    }
    /*** Other page ***/
    /*** login page ***/
    .login-section .form,
    .register-section .form {
        width: 100%;
    }
    /*** portfolio ***/
    .inner_page .portfolio-item {
        width: 100%;
    }
    .local-business {
        margin-top: 40px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:414px) {
    .portfolio-content {
        height: 90.6%;
        width: 92.6%;
    }
    .portfolio-content:hover .image-view {
        bottom: 140px;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 39.9%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 50%;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:384px) {
    .team-hover-item:hover .team-icon-2 {
        top: 167px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 110px;
    }
    .portfolio-content:hover .image-view {
        bottom: 116px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 50%;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 39%;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:375px) {
    .slide-content > p {
        height: 75px;
        margin: 0 0 10px;
        padding: 0;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 164px;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 104px;
    }
    .portfolio-content:hover .image-view {
        bottom: 109px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:360px) {
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 172px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 148px;
    }
    .success-img {
        max-width: 270px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (width:320px) {
    .portfolio-content:hover .image-view {
        bottom: 88px;
    }
    .top-link > ul > li > a {
        margin: 3px;
    }
    .slide-content > p {
        margin-top: 8px;
    }
    .compony_project p {
        padding: 10px 0;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 137px;
    }
    .about-page .about-img {
        width: 100%;
        height: auto;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}

@media (max-width:320px) {
    /*** header ***/
    .top-bar-left {
        float: none;
        text-align: center;
    }
    .top-link > ul > li > a {
        margin: 5px;
    }
    .top-bar-right {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    .header-wrapper {
        padding: 34px 0;
        text-align: center;
        width: 100%;
    }
    .logo {
        margin-bottom: 20px;
    }
    .menu-collapser {
        font-size: 15px;
        line-height: 46px;
        padding: 0;
    }
    .collapse-button {
        top: 48%;
    }
    ul.slimmenu li .sub-toggle {
        display: block;
    }
    ul.slimmenu li .sub-toggle {
        top: 4px;
    }
    /*** slider ***/
    .slider-items {
        height: 200px;
    }
    .slider-items img {
        height: 200px !important;
    }
    .nivo-directionNav a {
        height: 30px;
        padding: 0;
        width: 30px;
    }
    .nivo-prevNav {
        left: 9px;
    }
    .nivo-nextNav {
        right: 9px;
    }
    .slider-items .nivo-nextNav::after {
        left: 8px;
        top: 4px;
    }
    .slider-items .nivo-prevNav::after {
        left: 7px;
        top: 4px;
    }
    .slide-content {
        height: 165px;
        top: 26px;
        width: 248px;
    }
    .slide-content > h2 {
        font-size: 13px;
        line-height: 18px;
    }
    .slide-content > p {
        display: block;
        height: 76px;
        line-height: 24px;
        margin-bottom: 2px;
        overflow: hidden;
        padding: 0px 11px;
        width: 100%;
    }
    .nivo-controlNav {
        display: none;
    }
    .slide-content .btn {
        font-size: 10px;
        padding: 5px 8px;
    }
    /*** hadding  ***/
    .hadding-area p {
        line-height: 26px;
        padding: 38px 10px 0 11px;
    }
    /*** sucess ***/
    .success-img {
        max-width: 285px;
    }
    .success-business::before {
        border-color: transparent;
        border-width: 0;
        content: "";
        width: 100%;
    }
    .success-content {
        color: #333;
        margin-top: 39px;
        padding: 0 0 40px;
    }
    /*** slill ***/
    .our-skill-content .text-content {
        padding-top: 40px;
    }
    .our-skill-content h2 {
        margin-bottom: 14px;
    }
    .our-skill-content p {
        padding: 0;
    }
    /*** recent project ***/
    .recent-content {
        background-color: #fbfbfb;
        padding: 15px;
        width: 100%;
    }
    .recent-content h3 {
        font-size: 20px;
    }
    .recent-img {
        width: 100%;
    }
    /*** team ***/
    .team-hover-item {
        height: 100%;
    }
    .team-hover-item:hover .team-icon-1 {
        top: 33%;
    }
    .team-hover-item:hover .team-icon-3 {
        bottom: 78px;
    }
    .team-hover-item:hover .team-icon-2 {
        top: 137px;
    }
    /*** client ***/
    .client-content .owl-dots {
        margin: 32px auto;
        width: 100%;
    }
    .progress-item {
        padding: 25px;
    }
    /*** blog ***/
    .blog-item {
        padding: 20px 0;
    }
    .blog-section .view-blogs {
        margin-right: 20px;
    }
    /*** testimonial ***/
    .testimonial-section .des {
        padding: 0;
    }
    /*** home 2 ***/
    .success-service-img {
        width: 100%;
    }
    .success-service-content {
        float: none;
        padding: 26px;
        width: 100%;
    }
    .success-service-content > h2 {
        font-size: 18px;
    }
    /*** portfolio ***/
    .portfolio-categories > li {
        display: block;
    }
    .portfolio-content {
        height: 89%;
        width: 90.5%;
    }
    .portfolio-content:hover .image-view {
        bottom: 88px;
    }
    .portfolio-content:hover .images-link {
        top: 96px;
    }
    /*** new project ***/
    .compony_project::before {
        border-width: 203px 0 0;
        width: 100%;
    }
    .new-project,
    .comming-project {
        padding: 7px 0;
    }
    .compony_project p {
        padding: 19px 0;
    }
    .priceing-content {
        margin: 15px 0;
    }
    /*** home 3 ***/
    .header-area.header3 {
        position: static;
    }
    .header3 .slimmenu.collapsed {
        background-color: transparent;
    }
    .header3 ul.slimmenu li ul li {
        background-color: transparent;
        min-width: 150px;
        padding: 0 11px;
        text-align: left;
    }
    .slider-section-3 .slider-items {
        height: 240px;
    }
    .slider-section-3 .slider-items img {
        height: 240px !important;
    }
    .slider-section-3 .slide-content {
        left: 50px;
        margin: 0;
        right: auto;
        top: 13%;
        width: 200px;
    }
    .slider-section-3 .slide-content > p {
        height: 115px;
    }
    /*** Other page ***/
    /*** login page ***/
    .login-section .form,
    .register-section .form {
        width: 100%;
    }
    /*** portfolio ***/
    .inner_page .portfolio-1 .portfolio-content:hover .images-link {
        top: 129px;
    }
    .inner_page .portfolio-1 .portfolio-content:hover .image-view {
        bottom: 134px;
    }
    .comment-list-reply {
        padding: 50px 0 50px 24px;
    }
    .comment-header {
        padding-bottom: 45px;
    }
    .blog-page-content .blog-search {
        padding-top: 30px;
    }
    .about-page .about-img {
        height: 100%;
        width: 100%;
    }
    .about-page .about-content p {
        padding: 0;
    }
    .about-page .about-content-2 {
        padding-top: 30px;
    }
    .blog-page-inner {
        overflow: hidden;
    }
}