/* CSS Document */

@media screen and (max-width: 1024px) {
    .sec-pricing.support-pricing .col-md-12 > p {
        display: none;
    }
}
@media screen and (max-width: 1150px) {
    .wccus .wccus-right .pricing,
    .wccus .wccus-right .yellow-area {
        float: none;
    }
    .page-template-page-templateshire-dedicated-team-php .pageContact {
        width: 100%;
    }
    .inner-heading .column1 .thumbnail a > img {
        max-width: 220px;
        height: auto;
        width: 95%;
    }
    .section .container {
        width: 100%;
    }
    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img {
        max-width: 300px;
    }
    .wccus .wccus-right .yellow-area::after {
        content: "";
        display: block;
        overflow: hidden;
        clear: both;
    }
    .wccus .wccus-right .yellow-area .button1 {
        padding: 12px 15px 11px;
        box-sizing: border-box;
        width: 100%;
    }
    .security {
        box-sizing: border-box;
        width: 100%;
    }
    .body-area .wrapper {
        width: 100%;
    }
    .testimonial_row li {
        padding: 8px;
    }
}
@media screen and (max-width: 1023px) {
    article.post .entry-title h1 {
        font-size: 24px;
    }
}
@media screen and (max-width: 700px) {
    /*--------------header----------------------*/
    
    #masthead .container {
        overflow: inherit;
    }
    .container {
        margin: auto;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .entry-title {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ourteam {
        padding: 0 15px;
    }
    .logo {
        float: none;
        margin: 0 auto;
        padding-top: 5px;
    }
    .right-header {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .certified {
        float: none;
        overflow: hidden;
        padding: 10px 10px 0;
    }
    .certified ul li {
        display: inline-flex;
        float: none;
        margin: 0 8px;
    }
    .cartMenu {
        float: right;
        width: 100%;
        margin: 10px auto 12px;
    }
    #menu-sidebar-menu {
        text-align: center;
        width: 100%;
    }
    .cartMenu ul.nav-menu li {
        display: inline-block;
        float: none;
    }
    /* .social-link1 {
        display: none;
    } */
    .skype {
        float: none;
        padding: 6px 0 0;
    }
    .skype > ul,
    .social-link1 ul,
    .certified ul {
        text-align: center;
    }
    .skype a {
        line-height: 30px;
    }
    .skype ul li {
        display: inline-block;
        margin: 0 4px;
        height: 28px;
    }
    .logo a {
        background: url("../images/logo.png") no-repeat scroll 48px 0 / 70% auto rgba(0, 0, 0, 0);
        float: none;
        margin: 18px auto 0;
        text-align: center;
        width: 266px;
        height: 60px;
    }
    /*---------slider------------*/
    
    .csslider1 > .cs_arrowprev,
    .csslider1 > .cs_arrownext {
        display: none;
    }
    .csslider1 > .cs_bullets {
        display: none;
    }
    .projectPortfolio {
        margin: 0 auto;
        width: 100%;
        background-position: 50% 55px;
    }
    .home .wrapper .container {
        margin: auto;
        padding: 0 15px;
        width: 100%;
    }
    .projectServiceDescription {
        padding: 10px 0 30px;
    }
    .projectService p {
        font-size: 13px;
        line-height: 22px;
    }
    article {
        clear: both;
        margin: 0 auto;
        width: 100%;
    }
    .projectServiceContentLeft {
        float: none;
        width: 100%;
    }
    .projectServiceContentLeft h2 {
        font-size: 17px;
        text-align: center;
        line-height: normal;
        padding: 0 0 5px;
    }
    .projectServiceContentRight ul li:first-child {
        margin-top: 10px;
    }
    .projectServiceContentRight ul li {
        margin: 10px 0 0;
        min-height: 35px;
        padding: 0 0 0 45px;
    }
    .projectServiceContentRight {
        float: none;
        margin: 0 auto;
        padding: 0 6px;
        width: 96%;
    }
    .projectPortfolio li .inner {
        height: auto;
    }
    .projectServiceContentLeft p {
        padding: 0px 8px;
    }
    .HomeAboutContainer .container > h2 {
        padding: 0 0 10px;
    }
    .HomeAboutContainer {
        padding: 15px 0;
    }
    .HomeAboutDescription p:first-child {
        margin-bottom: 20px;
    }
    .HomeAboutContainer p {
        color: #454545;
        padding: 0;
        font-size: 14px;
    }
    .AboutSecondUl {
        margin: 0 auto;
        width: 100%;
    }
    /*------------------footer---------*/
    
    .SocialLinksLeftContainer {
        float: none;
        overflow: hidden;
        padding-top: 5px;
        width: 100%;
    }
    .SocialLinks h4 {
        float: none;
        font-size: 20px;
        line-height: 40px;
        margin: 0;
        text-align: center;
    }
    .SocialLinksLeftContainer ul {
        clear: both;
        text-align: center;
        float: none;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
    }
    .SocialLinks > .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .SocialLinksRightContainer {
        float: none;
        width: 100%;
    }
    .SocialLinksRightContainer .BigImg {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .BigImg .big_c {
        margin: 0 16px 0 0;
    }
    .OfficePhoneEmailContainer > .container {
        margin: 0 auto !important;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
    }
    .OfficePhoneEmailContainer .OfficePhoneEmail,
    .OfficePhoneEmailContainerLeft {
        float: none;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
        padding-right: 0;
    }
    .OfficePhoneEmail h3, .OfficePhoneEmail h5 {
        font-size: 18px;
        padding: 0 0 5px;
    }
    .OfficePhoneEmailContainerMiddle {
        width: 100%;
    }
    .FooterLower > .container p {
        font-size: 14px;
        line-height: normal;
        text-align: center;
    }
    .OfficePhoneEmail ul li {
        line-height: 30px;
    }
    .OfficePhoneEmail ul li a {
        font-size: 16px;
    }
    .SocialLinksLeftContainer ul li {
        display: inline-block;
        float: none;
    }
    .post-form-control-section .container > div {
        max-width: 100%;
    }
    .post-form-control-section .letstalk-form-sec {
        max-width: 100%;
    }
    .post-form-control-section h3 {
        max-width: 100%;
    }
    .post-form-control-section h3 {
        font-size: 24px;
    }
    /*------------------footer---------*/
    /*------------------inner pages---------*/
    
    .wrapper {
        margin: 0 auto;
        min-height: 500px;
        width: 100%;
    }
    .page .entry-header .entry-title {
        width: 100%;
        text-align: center;
    }
    .page .entry-header .entry-title h1 {
        font-size: 24px;
    }
    .entry-header {
        padding: 10px 0;
    }
    .portfolio-filter > li {
        display: inline-block;
        height: 38px;
        margin: 0;
        padding-bottom: 10px;
    }
    .portfolio-filter > li a {
        line-height: 38px;
        padding: 8px 15px;
        display: initial;
    }
    .portfolio-items.col-4 > li {
        display: inline-block;
        float: none;
        margin: 0 auto;
        width: 280px;
    }
    #portfolio .portfolio-items {
        text-align: center;
    }
    #pp_full_res > img {
        height: auto !important;
        width: 100% !important;
    }
    div.pp_overlay {
        height: 100% !important;
        position: fixed;
        width: 100% !important;
    }
    .wrapper .container {
        margin-bottom: 50px;
        padding: 0 15px;
    }
    .magentoDeve {
        width: 100%;
    }
    .bigHeading {
        font-size: 22px;
        line-height: 28px;
        margin-top: 20px;
    }
    .magentoDeve > p,
    .androidDeve p {
        text-align: center;
    }
    .androidDeve {
        width: 100%;
        margin: 0 auto;
    }
    .SupportAndMaintaince,
    .shopify {
        padding: 0;
        text-align: center;
    }
    .SupportAndMaintaince > p,
    .shopify > p,
    #post-50 .container > p {
        margin-top: 12px;
    }
    #post-50 .container > ul {
        margin: 0 0 0 12px;
    }
    #post-50 .container {
        padding: 0 7px;
        text-align: left;
    }
    article .entry-content {
        padding: 0;
    }
    .entry-content .size-full.wp-image-250.aligncenter {
        height: auto;
        width: 100%;
    }
    #post-796 ol {
        margin: 0 0 0 15px;
    }
    .bigHeading {
        font-size: 17px;
        line-height: 22px;
    }
    /*-------------wooocommerce---------------*/
    
    .woocommerce-page .wrapper #container {
        box-sizing: border-box;
        float: none;
        margin: 20px auto;
        padding: 0 10px;
        width: 100%;
    }
    .woocommerce-page .wrapper {
        margin: 0 auto;
        width: 100%;
    }
    #primary {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        overflow: visible;
        width: 98%;
    }
    #secondary {
        float: none;
        margin: 20px auto;
        width: 100%;
    }
    .hire-certi input[type="text"],
    .hire-certi input[type="email"],
    .hire-certi input[type="tel"],
    .hire-certi textarea {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
    }
    .wrapper .sellSection .container {
        box-sizing: border-box;
    }
    .navigation .nav-previous {
        margin-left: 8px;
    }
    h3.comment-reply-title {
        font-size: 23px;
        margin-bottom: 7px;
    }
    .col-lg-8 {
        float: none;
        width: 100%;
        padding: 0;
    }
    .col-lg-4 {
        float: none;
        width: 100%;
        padding: 0;
    }
    #post-38 input[type="text"],
    #post-38 input[type="password"],
    #post-38 input[type="email"],
    #post-38 input[type="tel"],
    #post-38 #Message {
        width: 255px;
    }
    .page-id-1033 article#post-1033 {
        padding: 0;
        box-sizing: border-box;
    }
    .quickContact {
        display: none !important;
    }
    .testimonial_row li {
        display: inline-block;
    }
    .hiring-options ul.questions-answers {
        height: auto;
    }
    .hiring-options {
        width: 96%;
        margin-left: 0;
    }
    .hiring-options ul.service-details {
        width: 100%;
        box-sizing: border-box;
    }
    .design_package .title {
        font-size: 20px;
    }
    .package .dt > li {
        width: 100%;
        float: none;
        padding: 8px 10px;
    }
    .degital-marketing .title-head > h2 {
        font-size: 30px;
    }
    .degital-marketing .inner-block .img-setion,
    .degital-marketing .inner-block .content {
        width: 100%;
        float: none;
    }
    .degital-marketing .inner-block .img-setion {
        display: table-header-group;
    }
    .degital-marketing .inner-block .content {
        display: table-footer-group;
    }
    .site-review-form .inner div {
        float: left;
        margin-bottom: 15px;
        width: 50% !important;
    }
    .site-review-form .inner div.captcha {
        width: 48%;
    }
    .site-review-form .inner div.submit {
        width: 47%;
    }
    .site-review-form .inner div.submit .wpcf7-submit {
        margin: 0;
        width: 95%;
    }
    .site-review-form span input#captcha {
        width: 100%;
    }
    .site-review-form div.captcha span {
        float: right;
        width: 63%;
        margin-right: 5%;
    }
    .site-review-form .inner div.submit {
        width: 93%;
    }
    .wrapper .container .faqs-listing {
        padding: 0 10px;
    }
    .page-template-page-templateshire-dedicated-team-php .pageContact {
        padding: 0 15px;
    }
}
@media screen and (max-width: 600px) {
    /* ============= wordpress app =============*/
    
    .promo .content.col-md-6 {
        padding: 0 5px;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    .promo .title {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: normal;
    }
    .promo.section .intro {
        margin: 0 auto 20px;
    }
    .promo .image {
        padding: 5px 10px;
        width: 100%;
    }
    .benefit {
        width: 100%;
    }
    .app-benefits .title {
        font-size: 25px;
        padding-top: 30px;
        margin-bottom: 10px;
    }
    .app-benefits {
        padding-bottom: 30px;
    }
    .why {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .why .item {
        padding: 0px 0;
    }
    .why .item .title {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .why .item .desc {
        margin-bottom: 10px;
    }
    #why .figure {
        text-align: center;
        width: 100%;
        right: inherit;
        margin: 0;
    }
    #why .content.col-md-5 {
        width: 100%;
        left: inherit;
    }
    .why .figure img {
        max-width: 320px;
        width: 100%;
    }
    .features h2.title {
        font-size: 28px;
    }
    .content.col-sm-4.feature p {
        font-size: 13px;
        line-height: 20px;
    }
    .feature i {
        font-size: 40px;
    }
    .features {
        padding-bottom: 30px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 48%!important;
    }
    .mag-title::after {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #ee5d30;
        content: "";
        height: 20px;
        left: 50%;
        margin: auto;
        position: absolute;
        top: 78px;
        width: 0;
    }
    .mag-title h2 {
        font-size: 20px;
        line-height: normal;
        margin: 0 0 0 10px;
    }
    .main-cert {
        margin: -1px 0 0;
    }
    .mag-title {
        background: url("../images/req_magento.jpg") no-repeat scroll 21px 10px #ee5d30;
    }
    .projectPortfolio h1, .projectPortfolio h2 {
        font-size: 24px;
        line-height: normal;
        padding-bottom: 30px;
    }
    .projectPortfolio li {
        float: none;
        text-align: center;
    }
    .projectService .container > h2,
    .HomeAboutContainer .container > h2 {
        color: #000;
        font-size: 24px;
    }
    .projectService {
        box-sizing: border-box;
        padding: 15px 0;
    }
    .SocialLinksLeftContainer ul li a {
        background-size: 380px auto;
        height: 45px;
        width: 45px;
    }
    .SocialLinksLeftContainer ul li a.fb {
        background-position: 0 -10px;
    }
    .SocialLinksLeftContainer ul li a.in {
        background-position: -48px -10px;
    }
    .SocialLinksLeftContainer ul li a.tw {
        background-position: -95px -10px;
    }
    .SocialLinksLeftContainer ul li a.gplus {
        background-position: -141px -10px;
    }
    .SocialLinksLeftContainer ul li a.yt {
        background-position: -190px -10px;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    textarea {
        border: 1px solid #b9b9b9;
        padding: 4px;
        width: 285px;
    }
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="email"] {
        height: 30px;
        line-height: 30px;
    }
    .bannerSection.bannerSection2 .conBtn.conBtn1 {
        margin-left: 9px;
        width: 100px;
    }
    .bannerSection .conBtn a {
        font-size: 14px;
        line-height: normal;
        padding: 8px 15px;
        display: inline-block;
    }
    .bannerSection.bannerSection2 .conBtn {
        width: 80px;
        margin-left: 7px;
    }
    .bannerSection h1 {
        font-size: 19px;
        line-height: 8px;
        margin: -3px 0 3% 6px;
        text-transform: lowercase;
        width: 72%;
    }
    .bannerSection.bannerSection2 p{
        right: 0;
        top: 25%;
        width: 40%;
    }
    .bannerSection p {
        right: 0;
        top: 50%;
        width: 45%;
    }
    .bannerSection .conBtn a:hover {
        text-transform: lowercase;
    }
    .bannerSection p img {
        height: auto;
        text-align: right;
        width: 100%;
    }
    .bannerSection.bannerSection2 {
        background-position: 0 4%;
        background-size: 100% 100%;
        height: 110px;
        margin-top: 10px;
    }
    .bannerSection .conBtn {
        line-height: 17px;
        min-height: 18px;
    }
    .section .container {
        width: 100%;
    }
    .bannerSection h1 span {
        font-size: 12px;
        line-height: normal;
    }
    .bannerSection {
        height: inherit;
        min-height: inherit;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .detailsSection h2 {
        font-size: 22px;
    }
    .detailsSection p {
        font-size: 13px;
        line-height: 18px;
    }
    .chooseSection h2 {
        font-size: 15px;
        padding: 5px 4px;
        line-height: 23px;
        min-height: 75px;
    }
    [class*="span"] {
        float: none;
        margin-left: 0;
        text-align: center;
    }
    .span3 {
        display: inline-block;
        vertical-align: top;
    }
    div.pricing-table div.plan {
        margin-right: 0;
    }
    div.pricing-table {
        margin: 25px 0 0;
    }
    #post-1597 .bannerSection h1 {
        line-height: 20px;
        margin: 0 0 20px;
        padding: 0;
    }
    #post-1597 .bannerSection h1 span {
        font-size: 12px;
    }
    #post-1597 .bannerSection .conBtn {
        margin-left: 4px;
        width: auto;
        min-height: inherit;
        line-height: normal;
        display: inline-block;
    }
    #post-1597 .bannerSection > .container {
        padding-bottom: 8px;
        margin-bottom: 0;
    }
    article.post .entry-title h1 {
        font-size: 18px;
        margin: 0;
    }
    .ourteam {
        margin: 0 auto;
        width: 100%;
    }
    .our-team-list {
        text-align: center;
    }
    .our-team-list > li {
        display: inline-block;
        float: none;
        margin: 0 auto 10px;
    }
    .our-team-list .our-team-content {
        box-sizing: border-box;
        padding: 20px 5px;
        width: 100%;
    }
    .our-team-list li.last:hover .our-team-content {
        left: inherit;
        margin-left: 0;
        padding-right: inherit;
        position: inherit;
        width: 100%;
    }
    .our-team-list > li.last {
        margin-right: inherit;
    }
    .our-team-list li:hover .our-team-info {
        background: none repeat scroll 0 0 #fff;
        box-sizing: border-box;
        width: 100%;
        z-index: 10;
    }
    .woocommerce table.my_account_orders .order-actions,
    .woocommerce-page table.my_account_orders .order-actions {
        text-align: right;
    }
    .woocommerce table.my_account_orders .order-actions,
    .woocommerce-page table.my_account_orders .order-actions {
        text-align: right;
    }
    .woocommerce table.my_account_orders th,
    .woocommerce table.my_account_orders td,
    .woocommerce-page table.my_account_orders th,
    .woocommerce-page table.my_account_orders td {
        padding: 4px 6px;
    }
    .woocommerce input.button.alt {
        width: 296px;
    }
    #container #content .product .images {
        margin: 0 auto 20px;
        width: 80%;
    }
    #container #content .product .summary.entry-summary,
    #container #content .product .woocommerce-tabs {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
    .woocommerce .related.products .products li {
        float: left;
        width: 48% !important;
    }
    .woocommerce .related.products .products li .price,
    .woocommerce .related.products .products li .price del {
        font-size: 14px !important;
    }
    body.blog article.post,
    body.archive article.post {
        box-sizing: border-box;
        padding: 0 0 10px;
    }
    .wraper-inner .column1,
    .wraper-inner .column1:first-child {
        width: 99%;
        float: none;
        margin: 0 auto 20px;
        padding: 2px 0px;
    }
    .inner-headings {
        float: none;
        width: 100%;
    }
    .inner-headings .heading1 {
        float: none;
        width: 100%;
        line-height: 35px;
    }
    .inner-headings .heading2 {
        float: none;
        width: 100%;
        line-height: normal;
    }
    .services-left-column {
        float: none;
        width: 100%;
    }
    .normalhead,
    .cms-features {
        width: 100%;
        float: none;
    }
    .cms-features ul {
        border-left: none;
        float: none;
        width: 100%;
        box-sizing: border-box;
        clear: both;
    }
    .cms-features ul li::after {
        content: "";
        overflow: hidden;
        display: block;
        clear: both;
        height: 0;
    }
    .cms-features ul li {
        padding: 15px 5px 35px 0!important;
        min-height: inherit;
        border-top: 1px solid #d8d8d8;
    }
    .cms-features li span {
        padding: 0 0 0 14px;
        width: 82%;
    }
    .services-left-column {
        float: none;
        width: 100%;
    }
    .commonhead {
        float: none;
        width: 100%;
    }
    .wccus {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .wccus .wccus-left {
        float: none;
        width: 100%;
    }
    .wccus .wccus-right,
    .wccus .wccus-right .pricing {
        float: none;
        width: 100%;
    }
    .wccus .wccus-right .yellow-area::after {
        content: "";
        display: block;
        overflow: hidden;
        clear: both;
    }
    .wccus .wccus-right .yellow-area .button1 {
        padding: 12px 15px 11px;
        box-sizing: border-box;
        width: 100%;
    }
    .services-left-column .wccus .yellow-area {
        margin-top: 30px;
    }
    #super_recent_posts_widget-2 ul li {
        float: none;
        padding: 0 0px 20px 0;
        width: 90%;
        margin: 0 auto;
    }
    #super_recent_posts_widget-2 ul li img {
        float: none;
        margin-right: 0px;
        width: 100%;
    }
}
@media screen and (min-width: 470px) and (max-width: 650px) {
    .skype a {
        font-size: 16px;
    }
    .skype ul li {
        margin: 0 4px 10px;
    }
}
@media screen and (min-width: 601px) and (max-width: 700px) {
    .bannerSection p {
        top: 50%;
        width: 40%;
    }
    .bannerSection.bannerSection2 p{
        top: 25%;
        width: 40%;
    }
    .bannerSection p img {
        height: auto;
        text-align: right;
        width: 100%;
    }
    .bannerSection.bannerSection2 p {
        right: 0;
    }
}
@media screen and (min-width: 701px) and (max-width: 1024px) {
    #pp_full_res > img {
        height: auto !important;
        width: 100% !important;
    }
    div.pp_overlay {
        height: 100% !important;
        position: fixed;
        width: 100% !important;
    }
    #masthead .container:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    .container {
        margin: auto;
        width: 100%;
        box-sizing: border-box;
    }
    .certified {
        padding: 10px 7px 0px 5px;
    }
    /*---------slider------------*/
    
    .csslider1 > .cs_arrowprev,
    .csslider1 > .cs_arrownext {
        display: none;
    }
    .csslider1 > .cs_bullets {
        display: none;
    }
    .certified ul li {
        margin: 0 7px 0 4px;
    }
    .certified ul li a {
        font-size: 11px;
    }
    .skype .phone > span {
        font-size: 14px;
        line-height: 30px;
    }
    .skype a {
        font-size: 15px;
        line-height: 31px;
        margin: 0 0 0 7px;
    }
    .cartMenu {
        margin: 5px 10px 0 0;
    }
    #menu-sidebar-menu {
        width: auto;
    }
    .main-navigation div > ul > li {
        margin: 0 2px;
    }
    .main-navigation div > ul > li > a {
        font-size: 15px;
        padding: 5px 7px;
    }
    .main-navigation div ul ul li a {
        font-size: 13px;
    }
    .main-navigation div ul ul {
        top: 25px;
        width: 190px;
    }
    .feature-content ul li a.btn {
        font-size: 16px;
    }
    .projectPortfolio h1, .projectPortfolio h2 {
        font-size: 30px;
        line-height: normal;
        padding-bottom: 40px;
    }
    .projectService,
    .HomeAboutContainer {
        padding: 30px 0;
    }
    .projectService .container > h2,
    .HomeAboutContainer .container > h2 {
        font-size: 30px;
    }
    .projectServiceContentLeft {
        float: left;
        width: 49%;
    }
    .projectServiceContentRight {
        float: right;
        width: 50%;
    }
    
    .projectPortfolio {
        margin: 0 auto;
        width: 100%;
        background-position: 50% 70px;
    }
    .home .wrapper .container {
        margin: auto;
        width: 100%;
    }
    .projectServiceDescription {
        padding: 10px 0 30px;
    }
    .projectService p {
        font-size: 13px;
        line-height: 22px;
    }
    article {
        clear: both;
        margin: 0 auto;
        width: 100%;
    }
    .projectPortfolio li .inner {
        height: auto;
    }
    .projectServiceContentLeft p {
        padding: 0px 8px;
    }
    .AboutSecondUl {
        margin: 0 auto;
        width: 100%;
    }
    .section .container {
        width: 100%;
    }
    .bannerSection h1 span {
        font-size: 17px;
    }
    .bannerSection .conBtn {
        line-height: 35px;
        min-height: 35px;
    }
    .bannerSection .conBtn a {
        font-size: 15px;
        line-height: 35px;
    }
    .bannerSection.bannerSection2 p,
    .bannerSection p {
        top: -51%;
        right: 0;
        width: 38%;
    }
    .bannerSection p {
        top: 29%;
    }
    .bannerSection.bannerSection2,
    .bannerSection {
        background-size: 100% 90%;
        background-color: inherit;
    }
    .bannerSection p img {
        width: 100%;
    }
    .bannerSection h1 {
        font-size: 2em;
    }
    .detailsSection h2 {
        font-size: 2em;
    }
    .detailsSection p {
        font-size: 1.1em;
        line-height: 24px;
    }
    .chooseSection h2 {
        font-size: 1.4em;
        line-height: 30px;
        margin: 3% 0;
        min-height: 30px;
        padding: 5px 3px;
    }
    div.pricing-table {
        margin: 25px 0 0;
        padding-left: 0;
        width: 100%;
    }
    #primary {
        width: 70%;
    }
    #secondary {
        width: 27.5%;
    }
    .mag-title {
        padding: 7px 0 0 64px;
        background-position: -3px -745px;
    }
    .mag-title h2 {
        font-size: 15px;
        line-height: 20px;
    }
    .hire-certi input[type="text"],
    .hire-certi input[type="email"],
    .hire-certi input[type="tel"],
    .hire-certi textarea {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        padding: 0 14px;
        width: 72%;
    }
    .cert-submit input[type="submit"] {
        font-size: 20px;
        padding: 4px 20px;
    }
    .col-lg-8 {
        width: 52%;
    }
    .col-lg-4 {
        width: 330px;
    }
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="email"] {
        height: 30px;
        line-height: 30px;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    textarea {
        width: 290px;
    }
    .ourteam {
        margin: 0 auto;
        width: 100%;
    }
    .our-team-list > li {
        margin: 0 10px 10px;
        width: 30.3%;
    }
    .our-team-list > li > img {
        height: auto;
        width: 100%;
    }
    .our-team-list .our-team-content,
    .our-team-list li:hover .our-team-info {
        box-sizing: border-box;
        padding: 20px 5px;
        width: 100%;
    }
    .our-team-list li:hover .our-team-info {
        box-sizing: border-box;
        width: 100%;
    }
    .our-team-list li.last:hover .our-team-content {
        left: inherit;
        margin-left: 0;
        padding-right: inherit;
        position: inherit;
        width: 100%;
    }
    .our-team-list > li.last {
        margin-right: inherit;
    }
    .page-id-1033 article#post-1033 {
        box-sizing: border-box;
        padding: 15px;
        margin-top: 25px;
    }
    #container #content .product .images {
        float: left;
        width: 43%;
    }
    #container #content .product .summary.entry-summary,
    #container #content .product .woocommerce-tabs {
        width: 52%;
    }
    .woocommerce .related.products .products li {
        clear: none;
        float: left !important;
        margin-right: 20px;
        width: 23% !important;
    }
    .woocommerce .related.products .products li .price,
    .woocommerce .related.products .products li .price del {
        font-size: 16px !important;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 48%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: right;
        width: 48%;
    }
    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        box-sizing: border-box;
        float: right;
        margin-bottom: 0;
        width: auto;
    }
    /*------------------footer---------*/
    
    .OfficePhoneEmail ul li a {
        font-size: 14px;
    }
    .SocialLinksLeftContainer {
        float: left;
        padding-top: 5px;
        width: 56%;
    }
    .SocialLinks h4 {
        float: none;
        font-size: 20px;
        line-height: 40px;
        margin: 0;
        text-align: center;
    }
    .SocialLinksLeftContainer ul {
        clear: both;
        text-align: center;
        float: none;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
    }
    .SocialLinks > .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .SocialLinksRightContainer .BigImg {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .BigImg .big_c {
        margin: 0 16px 0 0;
    }
    .OfficePhoneEmailContainer > .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .OfficePhoneEmailContainerLeft {
        width: 35%;
    }
    .OfficePhoneEmailContainerMiddle {
        width: 38%;
    }
    .page .entry-header .entry-title {
        width: 100%;
    }
    .page .entry-header .entry-title h1 {
        font-size: 26px;
    }
    .bigHeading {
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px;
    }
    .woocommerce-page .wrapper {
        margin: 0 auto;
        width: 100%;
    }
    .woocommerce-page .wrapper #container {
        box-sizing: border-box;
        float: none;
        margin: 20px auto;
        padding: 0 10px;
        width: 100%;
    }
    .post-form-control-section .container > div {
        max-width: 70%;
    }
    .post-form-control-section .letstalk-form-sec {
        max-width: 80%;
    }
    .post-form-control-section h3 {
        max-width: 80%;
    }
}
@media screen and (min-width: 701px) and (max-width: 880px) {
    .main-navigation div > ul > li > a {
        font-size: 12px;
        padding: 4px 4px;
    }
    .main-navigation div > ul > li {
        margin: 0 .9px;
    }
    .bannerSection.bannerSection2 p {
        top: 19%;
    }
    .bannerSection p {
        top: 54%;
    }
    .MenuToggle {
        float: right;
        margin: 8px 10px 0 0 !important;
    }
    .main-navigation {
        top: 100%;
    }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    .feature .title {
        font-size: 20px;
        padding-top: 0px;
    }
    .promo.section > .container {
        margin-bottom: 0;
    }
    .site-review1 {
        display: none;
    }
    .pricing-list > li {
        width: 47%;
        margin: 10px 1.2%;
    }
    .pricing-list .benifits li::before {
        left: -6px;
    }
    .pricing-list .benifits li {
        font-size: 14px;
        padding-left: 18px;
    }
    .support-pack .col-md-3 {
        width: 50%;
        min-height: 125px;
    }
    .pricing-list .price_wrap .price {
        line-height: 1.5em;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        clear: none;
        float: left !important;
        margin: 0 .9% 1.992em;
        width: 31.5%;
        text-align: center;
    }
    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img {
        margin: 0 auto;
    }
    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price {
        font-size: 15px;
    }
    .woocommerce ul.products li.product h3,
    .woocommerce-page ul.products li.product h3 {
        font-size: 13px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
    .pricing-list .benifits li::before {
        left: -3px;
    }
    .pricing-list .benifits li {
        padding-left: 15px;
        font-size: 14px;
    }
    .pricing-list .benifits {
        padding: 10px;
    }
    .pricing-list .price_wrap .price {
        font-size: 32px;
        line-height: 1.5em;
    }
    .site-review-form .inner div.submit .wpcf7-submit {
        font-size: 14px;
    }
    .site-review1 > div.wpcf7 {
        width: 85%;
        padding: 35px 20px 20px;
    }
    .site-review1 .site-review-form > p {
        font-size: 18px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .site-review-form .inner div {
        margin: 0 0 20px;
        width: 27%;
    }
    .site-review-form .inner div.submit {
        width: 12%;
        margin: 0;
    }
    .site-review-form .inner div.submit .wpcf7-submit {
        margin: 0;
    }
    .site-review-form .inner div.captcha {
        width: 34%;
        margin: 0px 0 20px;
    }
    .site-review1 div.wpcf7-validation-errors {
        width: 100%;
        font-weight: normal;
        font-size: 13px;
    }
    .site-review1 span.wpcf7-not-valid-tip {
        font-size: 11px;
        ;
        margin: 0px auto 0;
        font-weight: normal;
    }
    .site-review1 .site-review-form > p.see {
        margin: 0;
        padding: 0;
    }
    .site-review-form span input#captcha {
        width: 63%;
    }
    .site-review-form div.captcha span {
        width: 100%;
        display: block;
        float: none;
    }
    .site-review1 .seo-form {
        top: 55%;
    }
    #fbMsg img {
        top: 33%;
    }
}
@media screen and (max-width: 1100px) {
    article {
        margin: 0 auto;
        width: 100%;
    }
    .support-pricing .container {
        margin: 0 auto;
        width: 100%;
    }
    .sec-pricing__header {
        margin-top: 20px;
    }
}
@media screen and (max-width: 480px) {
    .content.col-sm-4.feature {
        float: none;
        width: 100%;
    }
    .content.col-sm-4.feature p {
        font-size: 15px;
    }
    .features .title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    /*support packages*/
    
    .support-pack .col-md-3 {
        float: none;
        width: 100%;
    }
    .site-review1 {
        display: none;
    }
    .sec-pricing.support-pricing {
        margin-top: 30px;
    }
    .pricing-list > li {
        float: none;
        margin: 10px auto;
        width: 300px;
    }
    /*support packages*/
    
    .certified {
        display: none;
    }
    .csslider1 {
        display: none;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: none !important;
        text-align: center;
        width: 100% !important;
    }
    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img {
        margin: 0 auto;
    }
    ul.hire-team-process li {
        border-left: none;
        width: 100%;
        margin-bottom: 30px;
        min-height: inherit;
    }
    ul.hire-developers-bulletes li span.text-details {
        width: 74%!important;
    }
    .testimonial_row li:first-child {
        margin-left: auto;
    }
    .body-area div.home-headings .heading1 {
        font-size: 19px;
    }
    .hiring-options ul.questions-answers li {
        font-size: 13px;
    }
    .body-area div.home-headings .heading2 {
        font-size: 14px;
    }
    .body-area div.home-headings .heading2 {
        float: none;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        clear: both;
        float: none;
        margin: 0 auto 2.992em;
        width: 100%;
    }
    .seo-1 .table-block .caption_column,
    .seo-1 .table-block .caption_column.column_0_responsive {
        width: 99.2%;
    }
    .site-review-form .inner div.captcha::after {
        content: "";
        display: block;
        overflow: hidden;
        clear: both;
    }
    .site-review-form .inner div,
    .site-review-form .inner div.captcha {
        float: none;
        width: 100% !important;
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 600px) and (max-width: 1120px) {
    .page-id-1936 .body-area.container {
        box-sizing: border-box;
        width: 99%;
    }
    .page-id-1936 .wrapper .row {
        float: none;
    }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
    .promo .content {
        padding: 20px 10px;
        width: 55%;
    }
    .promo .image {
        padding: 20px 10px;
        width: 45%;
    }
    .promo .title {
        font-size: 19px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .promo.section .intro {
        margin: 0 auto 15px;
    }
    .app-benefits .title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .benefit i {
        font-size: 60px;
    }
    .sections-wrapper .container {
        margin-bottom: 0;
    }
    .why {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .feature .title {
        font-size: 25px;
    }
    .why .item {
        padding: 0px 0;
    }
    #why .content.col-md-5 {
        padding: 0 0 0 10px;
        width: 52%;
    }
    .why .figure {
        width: 48%;
        margin-left: 0;
    }
    .app-benefits {
        padding-bottom: 50px;
    }
    .features h2.title {
        font-size: 28px;
    }
    .why .item .title {
        font-size: 28px;
    }
    .col-md-push-7 {
        left: 48.333%;
    }
    .col-md-pull-5 {
        right: 53%;
    }
    .wraper-inner {
        display: flex;
    }
    .wraper-inner .column1 {
        height: inherit;
        width: 31.7%;
    }
    .inner-heading li.column1 h2 {
        padding: 20px 10px 10px;
    }
    .inner-heading .check-list {
        display: block;
        padding: 0 4% 20px;
    }
    .wraper-inner .column1 > p,
    .inner-heading .heading2 {
        padding: 5px 5% 7px;
        height: inherit !important;
    }
    .inner-heading .heading3 .button1 {
        width: 100%;
    }
    .inner-heading li.column1 .page-title h2 {
        padding: 10px 4px 10px;
    }
    .inner-headings .heading1 {
        line-height: 30px;
    }
    .cms-features li span {
        width: 81%;
    }
    .cms-features ul li::after {
        content: "";
        overflow: hidden;
        display: block;
        clear: both;
        height: 0;
    }
    .wccus .wccus-left {
        width: 55%;
    }
    .wccus .wccus-right {
        width: 45%;
    }
    #super_recent_posts_widget-2 ul li {
        padding: 0 15px 20px 15px;
        width: 50%;
    }
    #super_recent_posts_widget-2 ul li img {
        float: none;
        margin-right: 0;
        width: 100%;
    }
}
@media screen and (min-width: 481px) and (max-width: 700px) {
    ul.hire-team-process li:nth-child(2n) {
        border-left: 1px solid #dddddd;
    }
    ul.hire-team-process li {
        border-left: medium none;
        width: 49%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: left;
        width: 48%;
    }
}
@media screen and (max-width: 950px) {
    ul.hire-developers-bulletes li span.icon-area {
        display: inline-block;
        float: none;
    }
    .hire-developers-right:after {
        content: "";
        overflow: hidden;
        display: block;
        clear: both;
        height: 0;
    }
    .hire-developers-right {
        float: none;
        padding: 25px 0 0;
        width: 100%;
    }
    ul.hire-developers-bulletes li span.text-details {
        display: inline-block;
        float: none;
        width: 83%;
        vertical-align: top;
    }
    .hire-developers-left {
        float: none;
        padding: 35px 0 0;
        width: 100%;
    }
    ul.hire-bulletes li span.text-details {
        display: inline-block;
        float: none;
        width: 87%;
        vertical-align: top;
        margin-left: 10px;
    }
    ul.hire-bulletes li span.bullet {
        display: inline-block;
        float: none;
    }
}
@media screen and (min-width: 701px) and (max-width: 1120px) {
    .wrapper .degital-marketing > .container {
        padding: 0;
    }
    .degital-marketing .inner-block .img-setion,
    .degital-marketing .inner-block .content {
        padding: 0 5px;
    }
    .degital-marketing h2.nomber {
        font-size: 27px;
        line-height: 35px;
    }
    .degital-marketing .block-heading {
        font-size: 22px;
        line-height: 30px;
    }
    ul.check-list li {
        line-height: 28px!important;
    }
    .androidDeve ul {
        width: 100%;
    }
}
#super_recent_posts_widget-2::after,
#super_recent_posts_widget-2 ul::after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .main-navigation #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a {
        font-size: 18px;
        padding: 5px;
    }
}
@media screen and (max-width: 1023px) {
    .main-navigation div > ul > li:hover ul {
        display: none;
    }
    .MenuToggle {
        background: url("../images/menu.png") no-repeat scroll right 2px / 25px 25px rgba(0, 0, 0, 0);
        bottom: 48px;
        cursor: pointer;
        display: block;
        font-size: 18px;
        font-weight: bold;
        height: 35px;
        line-height: 28px;
        margin: 8px auto 0;
        clear: both;
        text-align: left;
        vertical-align: middle;
        width: 89px;
    }
    .main-navigation {
        padding: 10px 10px 30px;
        display: none;
        position: absolute;
        z-index: 9999;
        background: #292929;
        width: 100%;
        left: 0;
        max-height: none;
    }
    .main-navigation #wp-megamenu-primary {
        background: transparent;
        position: static;
    }
    .main-navigation #wp-megamenu-primary.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap {
        position: static;
    }
    .main-navigation div > ul > li {
        float: none;
        margin: 0;
    }
    .main-navigation div ul ul {
        background: none repeat scroll 0 0 #232323;
        box-shadow: inherit;
        left: 0;
        position: relative;
        top: 0;
        padding: 0;
        visibility: visible;
        width: 100%;
        z-index: 99;
    }
    .main-navigation div ul ul li a {
        color: #f3f3f3;
        display: block;
        font-size: 14px;
        line-height: 30px;
        padding: 0 10px 0 0;
    }
    .main-navigation div ul ul li {
        margin: 0;
        padding: 0 0 0 5px;
    }
    .main-navigation div ul ul li a:hover {
        color: #ccc;
    }
    .main-navigation div > ul > li .toggleMenu {
        border-left: 1px solid #ddd;
        color: #fff;
        display: block !important;
        font-size: 14px;
        height: 51px;
        line-height: 50px;
        padding-right: 25px;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        vertical-align: middle;
        width: 34px;
    }
    .main-navigation div > ul > li#menu-item-32 > a {
        border: medium none;
    }
    .main-navigation div > ul > li:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        box-shadow: inherit;
    }
    .main-navigation div ul {
        background: none repeat scroll 0 0 #333;
    }
    .main-navigation div > ul > li:hover > a {
        color: #ccc;
    }
    .main-navigation div > ul > li > a {
        color: #ccc;
        line-height: 50px;
        padding: 0 10px;
        border-top: 1px solid #fff;
    }
    .main-navigation div > ul > li:hover ul {
        padding: 0;
    }
    .main-navigation #wp-megamenu-primary.wpmm-mobile-menu a.wpmm_mobile_menu_btn {
        background: transparent;
        bottom: 48px;
        cursor: pointer;
        display: block !important;
        font-size: 18px;
        font-weight: bold;
        height: 35px;
        line-height: 28px;
        margin: 8px auto 0;
        clear: both;
        text-align: left;
        vertical-align: middle;
        width: 89px;
        color: #3d3d3d !important;
        padding: 0;
        text-decoration: none;
    }
    .main-navigation .wpmm-mobile-menu .wpmm_mobile_menu_btn i {
        font-size: 30px;
        float: right;
        line-height: 30px;
        font-weight: normal;
    }
    .main-navigation .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.menu-item-has-children .fa {
        display: block;
        font-size: 25px;
    }
    .main-navigation div > ul > li.menu-item-has-children > a:after {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #fbMsg img {
        z-index: 999;
        top: 56%;
    }
    .main-navigation div > ul > li:hover ul {
        display: none;
    }
    .main-navigation #wp-megamenu-primary {
        background: transparent;
        position: static;
    }
    .main-navigation #wp-megamenu-primary.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap {
        position: static;
    }
    .main-navigation div > ul > li {
        float: none;
        margin: 0;
    }
    .main-navigation div ul ul {
        background: none repeat scroll 0 0 #232323;
        box-shadow: inherit;
        left: 0;
        position: relative;
        top: 0;
        padding: 0;
        visibility: visible;
        width: 100%;
        z-index: 99;
    }
    .main-navigation div ul ul li a {
        color: #f3f3f3;
        display: block;
        font-size: 14px;
        line-height: 30px;
        padding: 0 10px 0 0;
    }
    .main-navigation div ul ul li {
        margin: 0;
        padding: 0 0 0 5px;
    }
    .main-navigation div ul ul li a:hover {
        color: #ccc;
    }
    .main-navigation div > ul > li .toggleMenu {
        border-left: 1px solid #ddd;
        color: #fff;
        display: block !important;
        font-size: 14px;
        height: 51px;
        line-height: 50px;
        padding-right: 25px;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        vertical-align: middle;
        width: 34px;
    }
    .main-navigation div > ul > li#menu-item-32 > a {
        border: medium none;
    }
    .main-navigation div > ul > li:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        box-shadow: inherit;
    }
    .main-navigation div ul {
        background: none repeat scroll 0 0 #333;
    }
    .main-navigation div > ul > li:hover > a {
        color: #ccc;
    }
    .main-navigation div > ul > li > a {
        color: #ccc;
        line-height: 50px;
        padding: 0 10px;
        border-top: 1px solid #fff;
    }
    .main-navigation div > ul > li:hover ul {
        padding: 0;
    }
    .main-navigation #wp-megamenu-primary.wpmm-mobile-menu a.wpmm_mobile_menu_btn {
        background: url("../images/menu.png") no-repeat scroll right 2px / 25px 25px rgba(0, 0, 0, 0);
        bottom: 48px;
        cursor: pointer;
        display: block !important;
        font-size: 18px;
        font-weight: bold;
        height: 35px;
        line-height: 28px;
        margin: 8px auto 0;
        clear: both;
        text-align: left;
        vertical-align: middle;
        width: 89px;
        color: #3d3d3d !important;
        padding: 0;
        text-decoration: none;
    }
    .main-navigation .wpmm-mobile-menu .wpmm_mobile_menu_btn i {
        display: none;
    }
    .main-navigation .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.menu-item-has-children .fa {
        display: block;
        font-size: 25px;
    }
    .FooterLower {
        padding-bottom: 40px;
    }
    .post-form-control-section input[type="submit"] {
        font-size: 16px;
        padding: 12px 15px;
    }
}
@media screen and (max-width: 1024px) {
    .skypeCall {
        right: 154px;
    }
    #fbMsg {
        right: 15px;
    }
    a.social-icon.whatsapp {
        right: 8px;
    }
}
@media screen and (max-width: 1023px) {
    .SocialLinksRightContainer .BigImg a, .SocialLinksRightContainer .BigImg .shopware_c {
        width: 20%;
    }
    .SocialLinksRightContainer .BigImg a.magento_ctf img {
        max-width: 110px;
    }
}
@media screen and (max-width: 767px) {
    .SocialLinksRightContainer .BigImg {
        justify-content: center;
    }
    .SocialLinksRightContainer .BigImg a {
        margin: 0 0 15px;
        width: 33.333%;
        padding: 0 10px;
    }
    .SocialLinksRightContainer .BigImg .shopware_c {
        margin: 0 0 15px;
        width: 33.333%;
        padding: 0 10px;
    }
    .testimonial_row{
        padding: 30px 0;
    }
    .SupportAndMaintaince ul,
    .mcDesign ul,
    .ecoStore ul,
    .magentoDeve ul,
    .wordDD ul,
    .shopify ul,
    .htmlCss ul,
    .seoCon ul,
    .androidDeve ul {
        margin: 0 -10px;
    }
    .SupportAndMaintaince ul li,
    .mcDesign ul li,
    .ecoStore ul li,
    .magentoDeve ul li,
    .wordDD ul li,
    .shopify ul li,
    .htmlCss ul li,
    .seoCon ul li,
    .androidDeve ul li {
        width: calc((100% - 40px) / 2);
        margin: 0 10px 30px;
    }
    .sellSection ul {
        margin: 0 -10px;
    }
    .sellSection li{
        width: calc((100% - 40px) / 2);
        margin: 0 10px 30px;
    }
    .span3 {
        width: calc((100% - 0px) / 2);
    }
    .wire_frame .wireframe {
        margin: 0 10px 20px;
        width: calc((100% - 40px) / 2);
    }
    .wire_frame {
        margin: 0 -10px;
    }
}
@media screen and (max-width: 479px) {
    .SocialLinksRightContainer .BigImg a {
        width: 50%;
    }
    .SocialLinksRightContainer .BigImg a.magento_ctf img {
        max-width: 95px;
    }
    .SocialLinksRightContainer .BigImg .shopware_c {
        width: 50%;
    }
    .projectPortfolio h1, .projectPortfolio h2 {
        font-size: 22px;
    }
    .testimonial_row li {
        display: block;
        margin: 0 auto 30px;
        width: 80%;
    }
    .SupportAndMaintaince ul,
    .mcDesign ul,
    .ecoStore ul,
    .magentoDeve ul,
    .wordDD ul,
    .shopify ul,
    .htmlCss ul,
    .seoCon ul,
    .androidDeve ul {
        margin: 0;
    }
    .SupportAndMaintaince ul li,
    .mcDesign ul li,
    .ecoStore ul li,
    .magentoDeve ul li,
    .wordDD ul li,
    .shopify ul li,
    .htmlCss ul li,
    .seoCon ul li,
    .androidDeve ul li {
        width: 100%;
        margin: 0 0 30px;
    }
    .sellSection ul {
        margin: 0;
    }
    .sellSection li{
        width: 100%;
        margin: 0 0 30px;
    }
    .span3 {
        width: 100%;
    }
    .wire_frame .wireframe {
        margin: 0 0 20px;
        width: 100%;
    }
    .wire_frame {
        margin: 0;
    }
    .social-link1 a {
        margin-right: 5px;
        width: 30px;
        height: 30px;
    }
    .social-link1 a.whatsapp svg, .social-link1 a.email svg, .social-link1 a.magento svg {
        width: 18px;
    }
    .right-header .contact-navigation{
        justify-content: center;
        margin: 5px 0;
    }
}
@media screen and (min-width: 701px) and (max-width: 1023px) {
    .right-header {
        width: 30%;
        position: relative;
        margin: 10px 0;
    }
    .logo {
        width: 35%;
        margin-left: 25%;
    }
    .logo a {
        background-size: contain;
        margin-bottom: 0;
        width: 100%;
        margin-left: 0;
    }
    .MenuToggle {
        float: right;
        margin: 0 10px 0 0 !important;
        left: 20px;
        position: absolute;
        top: 34px;
    }
    .social-link1 {
        padding: 0;
        flex-wrap: wrap;
        justify-content: end;
    }
    .social-link1 a {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .social-link1 a:last-child {
        margin-right: 5px;
    }
    .skype {
        padding-right: 6px;
        display: none;
    }
    .feature-content ul li {
        width: calc((100% - 40px) / 2);
    }
}