@media (max-width: 1170px) {
    .about-content-wrapper:before {
        display: none;
    }
    .aboutservices .about-image figure {
        height: auto;
        margin-bottom: 0;
    }
}

@media (max-width: 910px) {
    .topheader {
        text-align: center;
    }
    .quickinfo,
    .right-header-wrap {
        float: none;
        width: 100%;
    }
    .quickinfo {
        margin-bottom: 10px;
    }
    .quickinfo ul li {
        float: none;
        display: inline-block;
    }
    .about-content-wrapper .about-content {
        width: 100%;
        margin-bottom: 20px;
        padding: 40px;
    }
    .about-section .lSSlideOuter {
        width: 100%;
    }
    .aboutservices .about-image figure {
        margin-top: 0;
    }
    .about-section .readmore {
        text-align: left;
    }
    .about-section .readmore a {
        display: inline-block;
    }
    .unicon-services-section .row-items {
        margin-bottom: 0;
    }
    .unicon-services-section .row-items .serviceswrap {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 120px;
    }
    .unicon-services-section .serviceswrap .item-box {
        max-width: 360px;
        margin: 0 auto;
    }
    .services-area-wrapper.img-responsive {
        background-image: none !important;
    }
    .services-area-wrapper .servicesrow:last-child .row-items .serviceswrap:last-child {
        margin-bottom: 0;
    }
    .unicon-feature-section .service-row-holder .service-row {
        display: block;
    }
    .unicon-feature-section .service-row-holder .service-row .col {
        width: 33.33%;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-of-type(4n+1) {
        clear: none;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-of-type(3n+1) {
        clear: left;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-child(3n),
    .unicon-feature-section .service-row-holder .service-row .col:last-child {
        border-right: 1px solid #eee !important;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-child(4n) {
        border-right: none;
    }
}

@media (min-width: 769px) {
    .footer-buttom .buttom-right .buttom-menu ul {
        float: right;
        margin: 0;
    }
    .menulink .sub-toggle {
        display: none;
    }
    .footer-buttom .buttom-left {
        float: left;
        width: 50%;
    }
    .footer-buttom .buttom-right {
        float: right;
        width: 50%;
    }
}

@media (max-width: 768px) {
    .menulink .sub-toggle {
        position: absolute;
        top: 8px;
        right: 10px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        text-align: center;
        outline: 0;
        background: transparent;
        font-size: 16px;
    }
    /************menu***************/
    .menulink ul>li {
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
        display: block;
        position: relative;
        line-height: 1.2;
    }
    .menulink ul.sub-menu>li {
        border-bottom: none;
    }
    .menulink ul li a {
        position: relative;
        font-size: 13px;
    }
    .menulink ul>li>a:after {
        content: none;
    }
    .menulink .kr-toggle .fa {
        font-size: 30px;
    }
    /*****toggle*******/
    .kr-toggle {
        float: right;
        width: 28px;
        height: 30px;
        cursor: pointer;
        display: block;
        margin-right: 20px;
        margin-top: -2px;
    }
    .kr-toggle:focus,
    .kr-toggle:hover {
        outline: 0;
        background-color: none;
        background: transparent;
    }
    .kr-toggle.on div {
        background: #000000;
    }
    .kr-toggle div {
        width: 100%;
        height: 5px;
        background: #ffffff;
        margin: 4px auto;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .kr-toggle.on div {
        background: #ffffff;
    }
    .kr-toggle.on .one {
        -webkit-transform: rotate(45deg) translate(5px, 5px);
        transform: rotate(45deg) translate(5px, 5px);
    }
    .kr-toggle.on .two {
        opacity: 0;
    }
    .kr-toggle.on .three {
        -webkit-transform: rotate(-45deg) translate(7px, -8px);
        transform: rotate(-45deg) translate(7px, -8px);
    }
    .menulink ul {
        color: #ffffff;
        background-color: transparent;
    }
    .menulink {
        float: none;
        background: #000;
        top: 80px;
        position: absolute;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }
    .menulink.open {
        opacity: 1;
        visibility: visible;
    }
    .menulink ul ul.sub-menu {
        width: 100%;
        display: none;
    }
    .menulink ul>li:hover ul.sub-menu,
    .menulink ul ul>li:hover>ul.sub-menu {
        width: 100%;
        position: static;
    }
    .menulink ul>li:focus ul.sub-menu {
        position: relative;
        width: 100%;
    }
    .menulink ul ul.sub-menu a {
        color: #fff;
    }
    .menulink ul ul li a,
    .kr-innerheader .menulink ul ul li a {
        padding: 10px 30px;
    }
    .menulink ul ul ul li a,
    .kr-innerheader .menulink ul ul ul li a {
        padding: 10px 40px;
    }
    .menulink ul ul ul ul li a,
    .kr-innerheader .menulink ul ul ul ul li a {
        padding: 10px 50px;
    }
    /*innerpages menu*/
    .kr-innerheader .kr-toggle div {
        background: #a7a7a7;
    }
    .kr-innerheader .menulink ul>li>a {
        padding: 15px 15px;
        line-height: normal;
    }
    .kr-innerheader .menulink ul>li:hover ul {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .kr-innerheader .menulink ul ul {
        background-color: #222326;
    }
    .kr-innerheader .menulink ul ul li a,
    .kr-innerheader .menulink ul li a {
        color: #fff;
    }
    .kr-innerheader .sub-menu>li:focus>a {
        background-color: none;
        color: #fff;
    }
    .kr-innerheader ul ul.sub-menu>li:focus a,
    .kr-innerheader ul ul.sub-menu>li:hover a {
        color: #fff;
        text-decoration: none;
    }
    .kr-innerheader ul ul.sub-menu>li a:focus,
    .kr-innerheader ul ul.sub-menu>li a:hover {
        color: #7a7a7a;
    }
    .kr-innerheader ul ul.sub-menu>li:focus,
    .kr-innerheader ul ul.sub-menu>li:hover {
        background-color: transparent;
    }
    .menulink ul li a:hover {
        color: #7a7a7a;
    }
    /**********************mask***************/
    .kr-navmenu .mask.show {
        right: 0;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .show {
        display: block;
    }
    .footer-buttom .buttom-left {
        margin-bottom: 15px;
    }
    .footer-buttom {
        text-align: center;
    }
    .unicon-sucess-section .sucess-graph-wrap {
        margin-bottom: 40px;
    }
    .unicon-sucess-section .sucess-graph-wrap,
    .unicon-sucess-section .sucess-content-wrapper {
        width: 100%;
    }
    .unicon-sucess-section .sucess-content-wrapper {
        padding: 0 25px;
    }
    .team-section .teaminfo {
        padding: 110px 40px 40px;
        margin-top: 40px;
    }
    .team-section .team-image {
        height: 140px;
        width: 140px;
        overflow: hidden;
        right: auto;
        top: -50px;
        transform: none;
        -webkit-transform: none;
    }
    .home .team-section .lSSlideOuter ul.lSPager.lSpg {
        top: auto;
        bottom: 20px;
        right: 0;
    }
    .home .team-section .lSSlideOuter .lSPager.lSpg>li {
        display: inline-block;
        margin: 0 5px;
    }
    .team-section .lSSlideOuter .lSAction {
        display: none !important;
    }
    .video-section .videoinfo {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .unicon-feature-section .service-row-holder .service-row .col {
        width: 100%;
        float: none;
        max-width: 400px;
        margin: 0 auto 90px;
        border: 1px solid #eeeeee !important;
    }
    .unicon-feature-section .service-row-holder .service-row .col:last-child {
        margin-bottom: 0;
    }
    .unicon-feature-section .section-header {
        margin-bottom: 90px;
    }
    .unicon-skills-section .skill-wrapper {
        display: block;
    }
    .unicon-skills-section .skill-wrapper .image-holder,
    .unicon-skills-section .skill-wrapper .text-holder {
        width: 100%;
        display: block;
        min-height: 350px;
        height: 100%;
    }
    .unicon-skills-section .skill-wrapper .text-holder {
        padding: 50px 30px;
        min-height: auto;
    }
    .unicode-bottom-slanted-secton,
    .unicode-top-slanted-secton {
        display: none;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 48%;
    }
    .woocommerce ul.products li.product:nth-child(even),
    .woocommerce-page ul.products li.product:nth-child(even) {
        margin-right: 0;
    }
    .woocommerce-page ul.products li.product:nth-child(3n) {
        margin-right: inherit;
    }
}

@media (max-width: 1200px) {
    .unicon-counter-section .unicon-counter {
        vertical-align: middle;
    }
    .call-action-section .cta-3 .left-cta {
        margin-left: 10px;
    }
    .slanded-layout .site-content section.call-action-section {
        padding: 80px 10px;
    }
}

@media (min-width: 769px) {
    .kr-toggle {
        display: none;
    }
}

@media (max-width: 840px) {
    .unicon-services-section.layout-2 .post-contents-service {
        background-size: 28%;
    }
    .call-action-section .text-wrap {
        width: 63%;
    }
    .call-action-section .button {
        width: 35%;
    }
    .container-wrap.cta-layout3-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .call-action-section .cta-3 .container-wrap {
        min-height: 280px;
    }
    .call-action-section .cta-3 .right-cta {
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .services-area-wrapper.img-responsive {
        background-image: none !important;
    }
    .unicon-services-section .row-items .serviceswrap.servicesone,
    .unicon-services-section .row-items .serviceswrap.servicesfive,
    .unicon-services-section .row-items .serviceswrap.servicestwo,
    .unicon-services-section .row-items .serviceswrap.servicessix,
    .unicon-services-section .row-items .serviceswrap.servicesfour {
        margin-left: 0;
    }
    .unicon-sucess-section .sucess-graph-wrap .sucessgraph,
    #canvas {
        width: 100% !important;
        height: auto !important;
    }
    .about-content-wrapper .about-content {
        padding: 70px 20px;
    }
    .about-section .lSAction>.lSNext,
    .about-section .lSAction>.lSPrev {
        opacity: 1;
    }
    .about-section .lSAction>.lSPrev {
        left: 0;
    }
    /***********blogs section************/
    .blog-section .blogsinfo,
    .blog-section .blogsinfo .blog-image-info-wrap {
        display: block;
        display: -webkit-block;
    }
    .blog-section .blogsinfo .blog-image,
    .blog-section .blogsinfo .blog-info {
        width: 100%;
        display: block;
    }
    .blog-section .blogsinfo,
    .blog-image,
    .blog-info {
        display: block;
    }
    .blog-section .blogsinfo .blog-image .blogtime {
        top: 0;
        right: 0;
    }
    .blog-section .blogsinfo .blog-image img {
        width: 100%;
    }
    .blog-section .blogsinfo .blog-info {
        padding: 15px;
    }
    .site-footer .block.footer-widget {
        width: 50%;
    }
    .site-footer .block.footer-widget:nth-of-type(2n+1) {
        clear: left;
    }
    /*******homepage banner*********/
    .mainbanner-wrap h1 {
        font-size: 30px;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .main-content {
        font-size: 14px;
        max-height: 60px;
        overflow: hidden;
    }
    .quickinfo,
    .right-header-wrap {
        float: none;
        display: block;
        text-align: center;
    }
    .quickinfo ul {
        display: inline-block;
    }
    .quickinfo ul li {
        border-right: 0;
    }
    .socialicon ul li:first-child a {
        padding-left: 0;
    }
    .quickinfo ul li,
    .quickinfo ul,
    .topheader {
        line-height: 1.5;
    }
    .topheader {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /*sidebar*/
    .leftsidebar #primary,
    #primary,
    .rightsidebar #secondaryright,
    .bothsidebar #primary {
        width: 100%;
        float: none;
    }
    /*menu*/
    .kr-innerheader .mainheader {
        height: auto;
        float: none;
        width: 100%;
    }
    .kr-navmenu {
        position: absolute;
        right: 0;
        top: 30px;
        width: 100%;
    }
    .home .kr-navmenu {
        width: 100%;
        position: absolute;
        right: 0;
        top: 10px;
    }
    .site-branding {
        width: 80%;
    }
    .blog-section .lSSlideOuter .lSAction>.lSPrev,
    .blog-section .lSSlideOuter .lSAction>.lSNext {
        opacity: 1;
    }
    .blog-section .lSAction>a {
        top: 30%;
    }
    /*services-layout-2*/
    .unicon-services-section.layout-2 .post-contents-service {
        background-image: none;
        margin-left: -4%;
    }
    .unicon-services-section.layout-2 .row,
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(odd) {
        text-align: center;
        margin-left: 4%;
        width: 46%;
    }
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(odd) .inner-row,
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(even) .inner-row {
        margin: 0;
    }
    .unicon-services-section.layout-2 .post-contents-service .header i,
    .unicon-services-section.layout-2 .post-contents-service .header h3 {
        display: block;
    }
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(odd) i,
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(even) i {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .section-header,
    .unicon-feature-section .section-header .text-holder,
    .unicon-services-section.layout-2 .heading {
        width: 90%;
        margin-bottom: 60px;
    }
    .unicon-feature-section .section-header h2 {
        width: 90%;
    }
    .unicon-counter-section .unicon-counter {
        width: 49%;
        display: inline-block;
    }
    .unicon-counter-section .unicon-counter:nth-of-type(3n),
    .unicon-counter-section .unicon-counter:nth-of-type(4n) {
        margin-top: 40px;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-child(4n) {
        border-right: 0;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-child(3n),
    .unicon-feature-section .service-row-holder .service-row .col:last-child {
        border-right: 1px solid #eeeeee;
    }
    .rightsidebar #secondaryright,
    #secondaryright {
        float: none;
        width: 100%;
    }
    .call-action-section .cta-3 .left-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .call-action-section .cta-3 .left-desc {
        margin-bottom: 20px;
    }
    .partners-section .container-wrap {
        width: 100%;
    }
    .partners-section .partners-logoarea>div {
        padding: 0 10px;
    }
    .slanded-layout .unicode-svg-tilt-right {
        height: 75px;
    }
    .slanded-layout .unicode-top-slanted-secton {
        top: -1px;
    }
    .slanded-layout .unicode-bottom-slanted-secton {
        bottom: -75px;
    }
    .slanded-layout section.skill-bottom-class .unicode-top-slanted-secton,
    .slanded-layout section:first-child .unicode-top-slanted-secton {
        top: -75px;
    }
    .slanded-layout .section-wrapper {
        padding: 30px 0;
    }
    .main-content {
        max-width: 85%;
    }
}

@media (max-width: 640px) {
    .unicon-sucess-section .sucess-graph-wrap,
    .unicon-sucess-section .sucess-content-wrapper {
        width: 100%;
    }
    .unicon-sucess-section .sucess-graph-wrap {
        margin-bottom: 40px;
    }
    .section-title h1,
    .section-title h2 {
        font-size: 80px;
    }
    .section-title h3 {
        font-size: 28px;
        left: 10%;
    }
    .section-title h1:after,
    .section-title h2:after {
        left: 10%;
    }
    .unicon-services-section .row-items .serviceswrap {
        width: 100%;
        margin-bottom: auto;
    }
    .unicon-services-section .serviceswrap .item-box {
        margin-bottom: 120px;
    }
    .unicon-services-section .row-items {
        float: none;
    }
    .unicon-services-section .servicesrow:last-child .serviceswrap.servicessix .item-box {
        margin-bottom: 0;
    }
    .unicon-counter-section .unicon-counter {
        width: 100%;
        display: block;
        margin-bottom: 50px;
        float: left;
    }
    .unicon-counter-section .unicon-counter.count_3,
    .unicon-counter-section .unicon-counter.count_4 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .unicon-counter-section .unicon-counter.count_3 {
        margin-bottom: 50px;
    }
    .unicon-counter-section .unicon-counter:nth-of-type(3n) {
        clear: left;
    }
    .about-content-wrapper .about-content,
    .about-section .lSSlideOuter {
        width: 100%
    }
    .about-content-wrapper .about-content {
        padding: 70px 30px;
    }
    .about-content-wrapper::before {
        min-height: auto;
        /*height: 100%;*/
    }
    .aboutservices .about-image figure {
        margin: 5px 0;
    }
    .about-image-column {
        margin: 0;
    }
    .aboutservices.lslide.active .about-image-column {
        margin-right: 7px;
        margin-left: 0;
    }
    .aboutservices.lslide .about-image-column {
        margin-right: 0;
        margin-left: 7px;
    }
    .aboutservices .about-image {
        padding-bottom: 5px;
    }
    .about-content-wrapper {
        overflow: visible;
    }
    .testimonial-section .testimonial-image figure {
        width: 100%;
    }
    .testimonial-section .testimonial-info .kr-testimonial-desc {
        margin-left: 0;
    }
    /*********team section slider*************/
    .team-section .lSSlideOuter .lSAction {
        width: 100%;
        text-align: center;
    }
    .team-section .lSSlideOuter .lSAction {
        position: absolute;
        right: auto;
        top: auto;
        left: auto;
        bottom: 10px;
    }
    .home .team-section .lSSlideOuter .lSPager.lSpg>li {
        display: inline-block;
        margin: 0 5px;
    }
    .team-section .lSSlideOuter .lSAction>.lSNext {
        top: auto;
    }
    .home .team-section .lSSlideOuter ul.lSPager.lSpg {
        position: absolute;
    }
    .home .team-section .lSSlideOuter ul.lSPager.lSpg {
        top: auto;
        bottom: 30px;
        right: auto;
        width: 100%;
        text-align: center;
    }
    .team-section .lSSlideOuter .lSAction>.lSPrev,
    .team-section .lSSlideOuter .lSAction>.lSNext {
        display: none;
    }
    .team-section .lSSlideOuter {
        padding-bottom: 0;
    }
    .team-section .team-info-description {
        font-size: 14px;
    }
    .team-section .team-info-description h4 {
        text-align: right;
    }
    /*******************call to action**************/
    .call-action-section .call-content-wrapper h2 {
        line-height: 1.2;
        margin-bottom: 20px;
        font-size: 25px;
    }
    .call-action-section .call-content-wrapper p {
        margin-bottom: 30px;
    }
    .call-action-section .call-content-wrapper {
        font-size: 14px;
    }
    .mainbanner-button-wrap .first-button {
        margin-bottom: 12px;
    }
    /***********testimonial section************/
    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-info {
        display: block;
    }
    .testimonial-section .testimonial-info h4 {
        padding-left: 0;
        padding-right: 0;
    }
    .testimonial-section .testimonial-image {
        width: 30%;
    }
    .testimonial-section .testimonial-info .kr-testimonial-desc {
        font-size: 14px;
    }
    .testimonial-section .testimonial-image figure {
        width: auto;
    }
    .site-footer .block.footer-widget {
        width: 100%;
    }
    /********full width********/
    .page_header_wrap .entry-header .entry-title {
        font-size: 35px;
    }
    .page_header_wrap #unicon-breadcrumb,
    .page_header_wrap #unicon-breadcrumb a {
        font-size: 12px;
    }
    /************partners section*******************/
    .partners-section .partners-logoarea>div img {
        width: 100%;
    }
    .partners-section .partners-logoarea>div {
        padding: 0 5px;
    }
    .partners-section .container-wrap {
        width: 100%;
    }
    /*==========================
	div gapings starts
	=============================*/
    .call-action-section,
    .video-section {
        margin: 20px 0;
    }
    .video-section {
        z-index: 0;
    }
    .unicon-services-section,
    .team-section .lSSlideOuter {
        padding: 60px 0;
    }
    .unicon-services-section .row-items {
        margin-bottom: 0;
    }
    .unicon-sucess-section,
    .about-section,
    .works-section,
    .team-section,
    .testimonial-section,
    .blog-section {
        padding: 20px 0;
    }
    .unicon-skills-section .skill-wrapper {
        display: block;
    }
    .unicon-skills-section .skill-wrapper .image-holder,
    .unicon-skills-section .skill-wrapper .text-holder {
        width: 100%;
        display: block;
        min-height: 350px;
        height: 100%;
    }
    .unicon-skills-section .skill-wrapper:first-child .text-holder {
        padding-bottom: 0;
    }
    .unicon-skills-section .skill-wrapper:last-child .text-holder {
        padding-bottom: 100px;
    }
    .call-action-section .cta-3 .container-wrap {
        display: block;
        min-height: auto;
    }
    .call-action-section .cta-3 .right-cta {
        display: none;
    }
    .call-action-section .cta-3 .left-cta {
        float: none;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .unicon-services-section.layout-2 .post-contents-service {
        margin-left: 0;
    }
    .unicon-services-section.layout-2 .row,
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(odd) {
        width: 100%;
        margin-left: 0;
    }
    .unicon-services-section.layout-2 .post-contents-service .header i {
        font-size: 47px;
        margin-bottom: 20px;
    }
    #comments{
        padding: 10px;
    }
    .comments-wrapper ul ul.children{
        margin-left: 10px;
    }
    /*Ends========================*/
}

@media (max-width: 480px) {
    .topheader {
        display: none;
    }
    .logo-textwrap .site-title {
        font-size: 30px;
    }
    .mainbanner-content {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .call-action-section .call-content-wrapper {
        width: 70%;
        margin: 0 auto;
    }
    .call-action-section .call-content-wrapper h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .call-action-section .call-content-wrapper {
        font-size: 12px;
    }
    .partners-section .partners-wrapper {
        font-size: 14px;
    }
    .call-action-section .call-content-wrapper p {
        margin-bottom: 30px;
    }
    .mainbanner-button-wrap .first-button a {
        font-size: 11px;
    }
    .section-title h1,
    .section-title h2 {
        font-size: 50px;
    }
    .section-title h1::after,
    .section-title h2::after {
        bottom: 0;
    }
    .section-title h3 {
        font-size: 16px;
    }
    .unicon-counter-section .unicon-counter {
        width: 100%;
        margin-bottom: 50px;
        text-align: center;
    }
    .unicon-counter-section .count_2 .counter-icon {
        left: 15%;
    }
    .unicon-counter-section .unicon-counter.count_3 {
        margin-bottom: 50px;
    }
    .video-section .videoinfo h1 {
        font-size: 26px;
    }
    .video-section .videoinfo {
        font-size: 14px;
    }
    .mainbanner-button-wrap .first-button a {
        min-width: 100px;
    }
    .aboutservices .about-image figure img {
        height: auto;
    }
    .quickinfo ul li {
        margin-bottom: 10px;
        float: none;
        display: block;
        margin-right: 0;
        padding-right: 0;
    }
    .topheader {
        text-align: center;
    }
    .logo,
    .logo-textwrap {
        float: none;
        display: block;
        width: 100%;
    }
    .logo {
        margin-right: 0;
    }
    .logo img {
        margin-bottom: 10px;
    }
    .site-branding {
        width: 80%;
    }
    .kr-innerheader .mainheader {
        padding: 10px 0px;
    }
    .mainheader {
        margin: 0;
        padding: 10px 0;
    }
    /****partners section****/
    .works-section .scroll-bar {
        width: 80%;
    }
    /****menu section****/
    .kr-toggle {
        margin-top: 0;
    }
    .show {
        display: none;
    }
    .kr-toggle {
        position: absolute;
        right: 13px;
    }
    .kr-innerheader .quickinfo ul,
    .kr-innerheader .socialicon ul li a {
        line-height: 1;
    }
    /*******************call to action**************/
    #comments .cmm-box-left .control-group {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    #comments .cmm-box-left .control-group:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .unicon-services-section.layout-2 .post-contents-service {
        margin-left: 0;
    }
    .unicon-services-section.layout-2 .row,
    .unicon-services-section.layout-2 .post-contents-service .row:nth-child(odd) {
        width: 100%;
        margin-left: 0;
    }
    .unicon-counter-section .layout-2 .counter-icon {
        left: auto;
    }
    .unicon-counter-section .unicon-counter:nth-of-type(3n),
    .unicon-counter-section .unicon-counter:nth-of-type(4n) {
        margin-top: 0;
    }
    .container-wrap.cta-layout3-wrap {
        display: block;
    }
    .call-action-section .text-wrap,
    .call-action-section .button {
        width: 100%;
    }
    .call-action-section .text-wrap {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .unicon-feature-section .service-row-holder .service-row .col {
        width: 100%;
        float: none;
        min-height: auto;
        border: 1px solid #eeeeee;
    }
    .unicon-feature-section .service-row-holder .service-row .col:nth-child(4n) {
        border-right: 1px solid #eeeeee;
    }
    .unicon-feature-section .service-row-holder .service-row {
        display: block;
    }
    .portfolio-2 .row {
        margin-left: 0;
    }
    .portfolio-2 .row .col {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .hm-port-excerpt h4.hm-port-title {
        font-size: 14px;
        line-height: 1.2;
        padding: 5px;
    }
    /*counter-layout-2*/
    .unicon-counter-section .layout-2 .counter-icon {
        font-size: 14px;
    }
    .unicon-counter-section .counter {
        font-size: 32px;
        line-height: 32px;
    }
    .unicon-counter-section .layout-2 .counter-title {
        margin-top: 10px;
        padding-top: 15px;
    }
    .unicon-blog .date-blog {
        width: 12%;
    }
    .unicon-blog .blog-title-right-wrap {
        width: 83%
    }
    .unicon-blog .blog-title {
        font-size: 30px;
    }
    .new-team .team-listing .team-wrap .caption {
        padding: 20px 50px;
    }
    .section-title-wrap {
        margin-bottom: 20px;
    }
    .slanded-layout .unicode-svg-tilt-right {
        height: 50px;
    }
    .slanded-layout .unicode-bottom-slanted-secton {
        bottom: -49px;
    }
    .slanded-layout section.skill-bottom-class .unicode-top-slanted-secton,
    .slanded-layout section:first-child .unicode-top-slanted-secton {
        top: -49px;
    }
    .slanded-layout section:first-child .unicode-top-slanted-secton {
        display: none;
    }
    .slanded-layout .site-content section {
        padding: 50px 0 0;
    }
    .slanded-layout .site-content section.unicon-counter-section {
        padding: 50px 0;
    }
    .slanded-layout .site-content section.call-action-section {
        padding: 50px 10px;
    }
    .main-content {
        max-width: 100%;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 320px) {
    .section-title h1,
    .section-title h2 {
        font-size: 34px;
    }
    .section-title h3 {
        font-size: 13px;
    }
    .call-action-section .call-content-wrapper h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    /********menu*******/
    .site-branding {
        text-align: left;
    }
    .mainheader {
        padding: 15px;
    }
    /****full width*********/
    .page_header_wrap .entry-header .entry-title {
        font-size: 25px;
    }
    .mainbanner-wrap h1 {
        font-size: 25px;
        line-height: 1.2;
    }
    .scrollup {
        min-width: 20px;
        right: 10px;
        font-size: 26px;
        padding: 0px 10px;
    }
}