@media (min-width: 318px) and (max-width: 690px) {
    #header_nav, header.home {
        position: relative;
    }
    #header_nav .col-lg-11{
        float: left;
        margin-left: 10px;
        padding: 0;
    }
    #header_nav .col-lg-1 {
        float: right;
        margin-right: 14px;
        padding: 0;
    }
    #top-section {
        margin-top:0px;
    }
    a#resp-menu:focus {
        color:#fff;
    }
    .fa.fa-reorder{
        background: url(../images/menu_bar.png) no-repeat right top;
        float: left;
        height: 15px;
        width: 22px;
        display:block;
        margin-top:0px;
    }
    .site_title_description {
        padding-right:0px;
    }
    .right_site_title h1 {
        margin-top: 10px;
    }
    .mid_section_tabs li a {
        min-height:158px;
    }
    .site_experince {
        width:100%;
    }
    .subscribe_box a {
        margin:0px;
    }
    .mid_section_tabs_details {
        display:none;
    }
    .footer_section_right a {
        Font-size: 14px;
        margin: 21px 0 0;
        padding: 6px 0;
        width:180px;
    }
    .footer_section_right a.btn{
        font-size: 12px;
        font-weight: normal;
        text-align:left;
    }
    .subscribe_box a.btn {
        font-size: 13px;
        margin: 0px 0 0;
        padding: 4px 0 6px;
        width:100%;
        text-align:left;
    }
    .subscriptionbox .labelname, .subscriptionbox .labelemail{
        width:100%;
    }
    form#newslatter_bottom_form .QapTcha{
        width:100%;
        margin-left:0px !important;
        margin-right:10px;
        max-width:260px;
    }
    .QapTcha .bgSlider {
        width:100% !important;
    }
    .subscriptionbox .submit {
        margin-left:0px;
    }
    .footer_section {
        float: left;
        margin: 0;
        width: 49%;
        padding-left:5%;
    }
    .footer_section_right {
        border-top:2px solid;
    }
    .footer_section h3 {
        color: #68297a;
        margin: 0;
        padding: 8px 0;
        background:none;
        text-align:left;
        font-size: 13px !important;
    }
    .footer_address h4 {
        font-size:12px;
    }
    .footer_section_right h3 {
        width:112px;
        padding:8px 0;
    }
    .footer_address p{
        font-size: 12px;
        line-height: 17px;
        margin-top: 0;
    }
    .footer_section ul {
        margin-top:0px;
        margin-right:0px;
    }
    .footermargin {
        padding: 0 15px;
    }
    .address-usa {
        padding-left:10px;
    }
    .breadcrumb {
        margin-top:0px;
    }
    .about-box-vision, .about-box-mission, .about-box-goal{
        padding: 10px;
        width: 100%;
    }
    #aboutus-mid_section .mid_section_tabs li a h3 {
        width:auto;
        font-size:16px !important;
        font-weight: normal;
    }
    .contact-box1 {
        padding: 20px 40px 20px 20px;
    }
    form#contact_us_form .labelcaptcha {
        margin-left:0px;
    }
    .contact-box2 h1{
        display: none;
    }
    body .phone-dropdown{
        top:-70px;
        right: 0 !important;
    }
    #aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span {
        font-size: 15px;
        line-height: normal;
    }
    #OurCompetenciesDiv ul, #DataStrengthsDiv ul {
        bottom:105px;
    }
    #OurCompetenciesDiv li, #SoftwareStrengthsDiv li, #DataStrengthsDiv li, #EdgeoverothersDiv li {
        margin: 2px 0px;
    }
    #aboutus-mid_section .nobgCompetencies {
        line-height: normal;
        margin:0px;
    }
    a.back_on_view {
        background: url(../images/icon_close.png) no-repeat right top;
        width:100%;
        height:20px;
        display: block;
        cursor: pointer;
    }
    .border_changed{
        background-position: left top, left top;
        text-align: left;
    }
    .how-bg .weback-img img{
        margin-top:0px;
        margin-bottom:0;
    }
    #writeform_second {
        bottom: 10px !important;
        margin: 0;
        min-width: 290px;
        width: auto;
    }
    form#post_bottom_form .QapTcha{
        margin-top:5px;
        margin-bottom:0;
    }
    #writeform_second input, #writeform_second textarea{
        font-size:14px;
    }
    #writeform_second .head{
        font-size:14px;
    }
    #writeform_second .subhead{
        font-size:13px;
    }
    #writeform_second input{
        height:26px;
    }
    #writeform_second textarea{
        height:50px;
    }
    #writeform_second .heading{
        width:88%;
    }
    #writeform_second form#post_bottom_form br{
        display:none;
    }
    .menu li a.active_menu{
        border-bottom: 1px solid #754b8e;
    }
    #writeform_second .heading{
        margin-bottom:10px;
    }
    .cbp-so-side img{
        width:100%;
    }
    .v-center{
        height:auto;
        margin-bottom: 20px;
    }
    form#newslatter_bottom_form .QapTcha.plant_form .bgSlider{
        background:#68297a;
    }
    form#newslatter_bottom_form .QapTcha.plant_form{
        margin-bottom:0;
    }
    .service-box-margin{
        margin-top: 20px;
    }
}
@media (min-width: 318px) and (max-width: 460px) {
    #aboutus-mid_section .mid_section_tabs li a {
        min-height: 150px;
    }
    .how-we-do-head h1{
        font-size: 36px !important;
        margin-left: 20px;
        margin-top: 0;
    }
    section#we_gather, section#we_assess_div, section#we_define_div, section#craft_div, section#we_deliver_div, section#we_back_div {
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .gather-img img, .assess-img img, .we-define-img img, .craft-img img, .weback-img img, .we-deliver-img img {
        width: 90%;
    }
    #web-section, #mobile-section, #data-section {
        max-height: 100%;
        min-height:100%;
    }
    .main-services li {
        width: 50%;
        border-top: 1px solid;
    }
    .main-services .ui a, .main-services .intranet a, .main-services .maintenance a, .main-services .digitization a, .main-services .cleansing a {
        padding-top:0px;
    }
    .main-services li.blank_div, .main-services li.blank2_div, .main-services li.blank3_div {
        display: none;
    }
    .main-services li a h3{
        font-size: 16px !important;
        padding: 5px;
        width: 100%;
    }
    .flip_class > .back, .fixedflip{
        font-size:16px !important;
    }
    .fixedflip, .flip_class > a > .back{
        min-height: 158px;
        font-size: 18px;
        line-height: normal;
        padding: 15px;
    }
    .services-box1, .services-box2{
        padding: 0px 15px;
    }
    .services-box2 ul {
        margin:20px auto 20px 0;
    }
    h1.home-leftbox-text{
        font-size: 42px !important;
        line-height: 52px;
    }
    .labelcaptcha_wrap {
        text-align: left;
    }
    .labelcaptcha_wrap button.btn{
        float:right;
    }
    form#contact_us_form .labelcaptcha, .QapTcha2 .bgSlider{
        width:180px;
    }
    form#newslatter_bottom_form .QapTcha.plant_form .bgSlider{
        width: 170px !important;
    }
    form#newslatter_bottom_form .QapTcha{
        float: left;
        width: 65%;
    }
    .weback-img{
        margin-top:0;
    }
    .we-assess, .we-craft, .we-back{
        margin-left:0;
    }
    .border_changed{
        background-repeat: no-repeat, repeat-y;
        padding-bottom: 0;
    }
    .labelsubmit{
        margin-top:5px;
    }
    h1{
        font-size:40px !important;
    }
    .service-box-margin{
        margin-top: 20px;
    }
    .footer_section{
        margin: 0px 0 5px;
    }
    .footer_section h3{
        padding: 0 0 8px;
    }
    .SoftwareStrengths a, .Edgeoverothers a {
        padding-top: 73px;
    }
    #first_left_to_right, #second_left_to_right, #third_left_to_right{
        display:none;
    }
    .aboutrightdiv .servicebox, .aboutrightdiv .webbox, .aboutrightdiv .mobilebox, .aboutrightdiv .databox{
        min-height:200px;
        padding:15px 20px !important;
    }
    .aboutrightdiv .servicebox li span, .aboutrightdiv .webbox li span, .aboutrightdiv .mobilebox li span, .aboutrightdiv .databox li span{
        font-size:15px;
        line-height: normal;
    }
    .aboutrightdiv .servicesborderleft{
        height:245px !important;
        position:relative;
        margin-top: 0 !important;
    }
    .aboutrightdiv .servicesborderright{
        height:245px !important;
        position:relative;
        margin-top: 0 !important;
    }
    .aboutrightdiv #OurCompetenciesDiv ul, .aboutrightdiv #DataStrengthsDiv ul{
        width: 100%;
        right:0;
        margin:0;
        bottom:0;
        top:0;
    }
    .aboutrightdiv #SoftwareStrengthsDiv ul, .aboutrightdiv #EdgeoverothersDiv ul{
        width: 100%;
        right:0;
        margin:0;
        bottom:0;
        top:0;
    }
    .aboutrightdiv .nobgData, .aboutrightdiv .nobgSoftware, .aboutrightdiv .nobgEdge{
        line-height:normal !important;
        margin:0 0 2px !important;
    }
    #OurCompetenciesDiv li, #SoftwareStrengthsDiv li, #DataStrengthsDiv li, #EdgeoverothersDiv li{
        margin:0 !important;
    }
    #footer_start {
        margin-top: 10px;
    }
    .weback-img {
        margin-top: -90px;
    }
    .flip_class > .back, .fixedflip{
        padding-top:35px !important;
    }
    .phone-box{
        width:280px;
        float:right;
    }
    .flag{
        width:100%;
    }
    #writeform{
        float: right;
        width: 280px;
        position: relative;
    }
    .bodyhome .phone-dropdown{
        position:relative;
        top:0;
    }
}
@media (min-width: 461px) and (max-width: 641px) {
    .service-box-margin{
        margin-top: 20px;
    }
    .how-we-do-head h1{
        font-size: 36px !important;
        margin-left: 20px;
        margin-top: 0;
    }
    #aboutus-mid_section .mid_section_tabs li a {
        min-height: 200px;
    }
    .how-line-right, .how-line-left {
        display:none;
    }
    .we-gather, .we-define, .we-deliver, .we-assess, .we-craft, .we-back {
        float: none;
        margin: 0 5px 30px -13px;
        width: 80%;
    }
    .v-center, .v-center .v-table {
        display: block;
    }
    .contact-box1 {
        padding: 20px 40px 20px 20px;
    }
    #web-section, #mobile-section, #data-section {
        max-height: 100%;
        min-height:100%;
    }
    .main-services .ui a, .main-services .intranet a, .main-services .maintenance a, .main-services .digitization a, .main-services .cleansing a {
        padding-top:0px;
    }
    .main-services li.blank_div, .main-services li.blank2_div, .main-services li.blank3_div {
        display: none;
    }
    .main-services li a h3 {
        font-size:18px !important;
        width:100%;
    }
    .services-box1, .services-box2{
        padding: 0px 15px;
    }
    .services-box2 ul {
        margin:20px auto 20px 0;
    }
    .labelsubmit{
        margin-top:5px;
    }
    .logo{
        margin-right:10px;
    }
    .logo-internal .logo{
        float:none;
    }
    .weback-img {
        margin-bottom: 20px;
        margin-right: 30px;
        margin-top: -45px;
        text-align: center;
    }
    .footer_section{
        margin: 30px 0 5px;
    }
    .SoftwareStrengths a, .Edgeoverothers a {
        padding-top: 73px;
    }
    #first_left_to_right, #second_left_to_right, #third_left_to_right{
        display:none;
    }
    .aboutrightdiv .servicebox, .aboutrightdiv .webbox, .aboutrightdiv .mobilebox, .aboutrightdiv .databox{
        min-height:200px;
        padding:15px 70px !important;
    }
    .aboutrightdiv .servicebox li span, .aboutrightdiv .webbox li span, .aboutrightdiv .mobilebox li span, .aboutrightdiv .databox li span{
        font-size:15px;
        line-height: normal;
    }
    .aboutrightdiv .servicesborderleft{
        height:245px !important;
        position:relative;
        margin-top: 0 !important;
    }
    .aboutrightdiv .servicesborderright{
        height:245px !important;
        position:relative;
        margin-top: 0 !important;
    }
    .aboutrightdiv #OurCompetenciesDiv ul, .aboutrightdiv #DataStrengthsDiv ul{
        width: 100%;
        right:0;
        margin:0;
        bottom:0;
        top:0;
    }
    .aboutrightdiv #SoftwareStrengthsDiv ul, .aboutrightdiv #EdgeoverothersDiv ul{
        width: 100%;
        right:0;
        margin:0;
        bottom:0;
        top:0;
    }
    .aboutrightdiv .nobgData, .aboutrightdiv .nobgSoftware, .aboutrightdiv .nobgEdge{
        line-height:normal !important;
        margin:0 0 2px !important;
    }
    #OurCompetenciesDiv li, #SoftwareStrengthsDiv li, #DataStrengthsDiv li, #EdgeoverothersDiv li{
        margin:0 !important;
    }
    .flip_class > .back, .fixedflip{
        padding-top:40px !important;
    }
    .bodyhome .phone-dropdown{
        position:relative;
        top:-20px;
    }
    .fixedflip{
        min-height: 200px;
        font-size: 18px;
        line-height: normal;
        padding: 15px;
    }
}
@media (min-width: 560px) and (max-width: 568px){
    .left_top-section, .right_top-section {
        width: 50%;
    }
    h1{
        font-size: 38px !important;
    }
    h1.home-leftbox-text{
        line-height: 46px;
    }
    .site_title_description{
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px;
    }
    .SoftwareStrengths a, .Edgeoverothers a {
        padding-top: 80px;
    }
    .aboutrightdiv .servicebox, .aboutrightdiv .webbox, .aboutrightdiv .mobilebox, .aboutrightdiv .databox{
        min-height:220px;
        padding:15px 70px !important;
    }
    .aboutrightdiv .servicebox li span, .aboutrightdiv .webbox li span, .aboutrightdiv .mobilebox li span, .aboutrightdiv .databox li span{
        font-size:17px;
        line-height: normal;
    }
    .aboutrightdiv .servicesborderleft{
        height:300px !important;
        position:relative;
        margin-top: 0 !important;
    }
    .aboutrightdiv .servicesborderright{
        height:300px !important;
        position:relative;
        margin-top: 0 !important;
    }
    .aboutrightdiv #OurCompetenciesDiv ul, .aboutrightdiv #DataStrengthsDiv ul{
        width: 100%;
        right:0;
        margin:0;
        bottom:0;
        top:0;
    }
    .aboutrightdiv #SoftwareStrengthsDiv ul, .aboutrightdiv #EdgeoverothersDiv ul{
        width: 100%;
        right:0;
        margin:0;
        bottom:0;
        top:0;
    }
    .aboutrightdiv .nobgData, .aboutrightdiv .nobgSoftware, .aboutrightdiv .nobgEdge{
        line-height:normal !important;
        margin:0 0 4px !important;
    }
    #OurCompetenciesDiv li, #SoftwareStrengthsDiv li, #DataStrengthsDiv li, #EdgeoverothersDiv li{
        margin:0 0 10px !important;
    }
    #footer_start {
        margin-top: 10px;
    }
    .weback-img {
        margin-bottom: 20px;
        margin-right: 15%;
        margin-top: -45px;
        text-align: center;
    }
    body .phone-dropdown{
        top:0;
    }
}
@media (min-width: 760px) and (max-width: 768px) {
    .how-line-left{
        display:none;
    }
    header.tiny .mainlogo{
        width:100%;
        background-size:contain;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .mainWrap {
        width: 768px;
    }
    .menu ul {
        top: 37px;
    }
    .menu li a {
        font-size: 12px;
    }
    .service-box-margin{
        margin-top: 20px;
    }
    .contact-box1 {
        padding: 20px 10px 0;
    }
    .main-services li a h3{
        font-size: 18px !important;
        width: 186px;
    }
    .how-we-do-head h1 {
        display: block;
        margin-top: 0;
        text-align: center;
        margin-left:0;
    }
    .how-line-right{
        display:none;
    }
    .logo {
        height: auto;
        width: 180px;
        float: none;
        margin: 10px 0;
    }
    .logo img{
        width:100%;
    }
    .menu li{
        padding: 0 5px;
    }
    .menu{
        margin-top:32px;
        margin-right: 10px;
    }
    .social_icon{
        margin-top:23px;
    }
    .about-box-vision, .about-box-mission, .about-box-goal{
        padding: 40px 25px 0;
        width: 95%;
    }
    form#newslatter_bottom_form .QapTcha{
        float:none;
        margin-left:0;
        display:inline-block;
    }
    h1.home-leftbox-text{
        font-size: 42px !important;
        line-height: 52px;
        margin-bottom: 0;
    }
    .weback-img{
        margin-top:0;
    }
    .colpadding.first_class_.boxright{
        width:100%;
    }
    .contact-box2 {
        padding: 0 10px;
    }
    .site_title_description{
        margin-top: 8px;
        margin-bottom: 11px;
    }
    .logo-internal .logo{
        float:left;
    }
    body .phone-dropdown{
        top:0;
    }
    .flip_class > .back, .fixedflip, .flip_class > a > .back{
        font-size: 22px !important;
        line-height: 29px !important;
    }
}
@media (min-width: 980px) and (max-width: 1024px) {
    #aboutus-mid_section .mid_section_tabs li a h3, .main-services li a h3{
        width: 241px;
    }
    .how-line-right{
        width: 58px;
    }
    .how-line-left{
        width: 40px;
        margin: 0 auto 0 485px;
    }
    .we-assess, .we-craft, .we-back{
        margin-left: 55px;
        width: 445px;
    }
    .weback-img{
        margin-top:120px;
    }
    form#contact_us_form .labelcaptcha{
        margin-left:0;
    }
    .about-box-vision, .about-box-mission, .about-box-goal{
        padding: 80px 40px 0;
        width: 95%;
    }
    form#newslatter_bottom_form .QapTcha{
        display:inline-block;
        float:none;
        margin-left:0;
    }
    body .phone-dropdown{
        top:0;
    }
}
@media (min-width: 568px) and (max-width: 690px){
    .logo img {
        max-width: 25% !important;
        margin-top: 18px;
    }
    #top-section .logo img {
        max-width: 100% !important;
        margin-top: 0px;
    }
    .menu li a.active_menu {
        padding: 7px;
    }
    .our-work-link span{
        font-size: 11px;
    }
}
@media only screen and (min-width: 1800px){
    #mid_section {
        padding: 0 17.55%;
    }
}
@media only screen and (max-width:1440px){
    .mobile-port-sml {
        width: 79%;
    }
    .data-case-sml {
        width: 71%;
    }
    .data-case-sml h3 {
        line-height: 25px;
        padding: 0px 0px 0px 0px;
    }
    #mid_section {
        padding: 0 98px;
    }
    .contact-box-form .labelemail.contactus-captcha .captcha-img{
        top: -5px;
    }
}
@media only screen and (max-width:1366px){
    .mobile-port-sml {
        width: 80%;
    }
    .data-case-sml {
        width: 75%;
    }
    .mobile-port figure {
        margin: 10px 35px 18px 0px;
    }
    .mobile-port-sml h3 {
        margin: 3px 0px 0px 0px;
    }
    .tooltip-content2 {
        left: 30%;
        margin: -49px 0px 0px 0px;
    }
    .view-project {
        margin: 250px 0px 0px 76px;
        width: 380px;
    }
    #mid_section {
        padding: 0 61px;
    }
    .msg_container_base{
        [;
        height: 200px !important;
        ];
    }
}

@media only screen and (max-width:1280px){
    #mid_section {
        padding: 0 18px;
    }
}

@media only screen and (max-width:1199px){
    .labelcaptcha_wrap.contact-send .btn{
        top: -118px;
    }
    .contact-box-form .form-control.captcha-form{
        width: 44%;
        margin-top: 3px;
        padding: 15px 10px;
    }
    .contact-box1 {
        padding: 20px 0px 0 20px;
    }
    .checkbox-bg{
        width: 33.33%;
    }
    .captcha-new .btn{
        position: relative;
        top: 2px!important;
    }
    .wedoalot{
        background-position: -205px 24px;
    }
    .plannignewweb {
        padding: 65px 0 0 34px;
    }
    .image-gallery .image01 {
        width: 55%;
    }
    .image-gallery .image02 {
        width: 43%;
    }
    .image-gallery .image03 {
        width: 32%;
        margin: 0 10px 0 0;
    }
    .image-gallery .image04 {
        width: 22%;
    }
    .image-gallery .image05 {
        width: 43%;
        right: 0;
    }
    .ask-mainbox{
        width: 46%;
    }
    .connect-mainbox{
        width: 48%;
    }
    .contact-box-form .cntct .form-control.captcha-form{
        margin: 0px;
        width: 41%;
    }
    .labelcaptcha_wrap.contact-send.cntct1 .btn{
        top: -120px;
        padding: 15px 34px;
    }
    span.roll{
        height: 296px;
    }
    .main-services li a h3{width: 100%;}
}



@media only screen and (max-width:1024px){
span.roll {height: 297px;}
.view-project { margin: 230px 0px 0px 60px;}
.mobile-port figure { margin: 43px 35px 39px 0px;}
.data-case-sml p {padding: 0px 0px 0px 0px; }
.menu li a {padding: 20px 19px;}
.gather-img img{width: 100%;}
.assess-img img{ width: 100%; }
.we-define-img img{ width: 100%;}
.craft-img img{ width: 100%; }
.we-deliver-img img{width: 100%;}
.slider-port {   height: 907px; }
.our-work-box .carousel-control { width: 8.5%; }
.clock { width: 33% !important;}
.reponsive-window {width: 35%; }
.without-login {width: 32.5% !important; }
.input-group .form-control { width: 90% !important;  }
.attacment { width: 89% !important;}
.top-bar {  min-width: 100% !important; }
.without-login {min-width: 320px !important;}
.menu li a { padding: 8px 10px !important; font-size: 13px;    }
.wedoalot {background-position: -276px 0;  }
.clint-speak{  height: auto;  margin-bottom: 15px; }
.connect-mainbox .connect-icons .icon-box a{width: 76px; height: 69px; }
.connect-mainbox .connect-icons .icon-box a span { font-size: 44px; line-height: 58px; }
.connect-mainbox .connect-icons .icon-box:nth-child(2) a span {font-size: 40px; line-height: 60px; }
.ask-mainbox .askbox .box2 img{ right: -35px;}
#first_left_to_right, #second_left_to_right, #third_left_to_right{ display:none; }
.fixedflip, .flip_class > a > .back{font-size: 22px; line-height: 27px;}
}



@media (min-width:851px) and (max-width:991px) {
    .menu li a {    padding: 14px 5px !important; }
#aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span { font-size: 18px;}
    .logo { width: 176px; }
    .view-project {  margin: 175px 0px 0px 30px; font-size: 19px;  width: 335px;}
    .social_icon {margin: 23px 0 0;}
    .menu {   margin: 28px 0 0; }
    .menu li a { padding: 20px 2px; font-size: 12px;}
    .menu li {
        font-size: 12px;
        padding: 0 6px;
    }
    .our-work-box .carousel-control {
        width: 9%;
    }
    .slider-port {
        height: 838px;
    }
    .our-work-box .carousel-control.left {
        margin-left: 1.3%;
    }
    .subscriptionbox .labelname {
        margin-right: 16px;
    }
    .color-month {
        background-position: 20px 36px;
    }
    .calendar td {
        width: 60px !important;
        height: 60px !important;
        line-height: 60px !important;
    }
    .holiday-list h2 {
        font-size: 18px;
    }
    .reponsive-window {
        width: 42%;
    }
    .without-login {
        width: 32.5% !important;
    }
    .captcha-label .captcha-form{
        width: 53%;
    }
    .ask-mainbox .askbox img{
        max-width: 21%;
    }
    .ask-mainbox .askbox .box2 img{
        top: -3px;
        right: -30px;
    }
    .ask-mainbox .askbox .box1 .box-details{
        margin: 2px 0 0 -42px;
    }
    .ask-mainbox .askbox .box2 .box-details{
        margin: 2px -6px 0 -34px;
        padding: 15px 0 15px 17px;
        width: 166px;
    }
    .connect-mainbox .connect-icons .icon-box:last-child a{
        margin: 0;
    }

}
@media only screen and (max-width:960px) {
    .labelcaptcha_wrap.contact-send .btn {
        top: -50px;
        padding: 8px 33px;
    }
    .contact-box-form .form-control.captcha-form{
        width: 39%;
    }
    .checkbox-bg{
        font-size: 12px;
    }
    .container {
        width: 900px;
    }
    .file-upload .file-select .file-select-name{
        font-size: 16px;
        width: 70%;
    }
    .consultation {
        width: 73%;
    }
    #mid_section{
        padding: 0;
    }
    .wedoalot {
        background-position: -255px 0;
    }
    .planning-width {
        width: 50%;
    }
    .plannignewweb {
        padding: 65px 0 0 14px;
    }
    .footer_section h3{
        width: 128px;
    }
    .contact-box-form .cntct .form-control.captcha-form{
        width: 36%;
    }
    .file-upload .file-select.fileselect.worng label.error{
        display: none!important;
    }
    .file-upload .file-select.fileselect.worng {
        border-color: #ff0000;
    }
    .file-upload .file-select.fileselect.worng .file-select-button{
        background:#ff0000;
    }
    .file-upload .file-select.fileselect.worng .file-select-name{
        color: #ff0000;
    }
    .weback-img{
        width: 50%;
        left: 32%;
    }
    .boxright {
        width: 100% !important;
    }
    .how-bg{
        position: relative;
    }
    #we_back_div .how-we-do-hbar-left.sectiond_class_{
        position: absolute;
        top: 0;
    }
    #we_back_div .colpadding.first_class_{
        margin: 220px 0 110px;
    }
    .how-line-left{
        display: none;
    }
    .gather-img img, .assess-img img, .we-define-img img, .craft-img img {
        width: auto;
    }
    #we_assess_div .colpadding.sectiond_class_{
        position: absolute !important;
        float: left !important;
        top: 0;
    }
    #we_assess_div .colpadding.first_class_{
        margin: 220px 0 10px;
    }
    #craft_div .colpadding.sectiond_class_{
        position: absolute !important;
        float: left !important;
        top: 0;
    }
    #craft_div .colpadding.first_class_{
        margin: 260px 0 10px;
    }
    .we-deliver-img img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .we-gather, .we-define, .we-deliver{
        width:98%;
    }
    .we-assess, .we-craft, .we-back {
        background-position: left top, left top;
        float: left;
        margin: 0 !important;
        text-align: left;
        width: 100% !important;
    }
    .v-center{
        display:block;
        height: auto;
    }
    .v-center .v-table{
        display:block;
    }
    .ask-mainbox .askbox {
        margin: 42px 0;
    }
    .free-consltant .ask-mainbox .askbox .box2 img {
        width: 65px;
        top: 0px;
    }
    .free-consltant .ask-mainbox .askbox .box1 img {
        width: 77px;
        top: 0px;
    }
    .free-consltant .ask-mainbox .askbox .box2 .box-details {
        padding: 10px 0 10px 30px;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0;
    }
    span.roll {
        height: 275px;
    }
    .contact-box-form input[type=checkbox]{
        margin: 2px 5px 4px 0px;
    }
        .reponsive-window { width: 62%;}
    .without-login { width: 94% !important;}
    .without-login { padding: 20px 20px 16px 20px!important;}
    .without-login textarea { height: 40px !important;}
    .without-login form .form-group{ float: left; width: 49%; margin: 0 4px 10px 0;}
    #captcha_no-error{margin-left: 14%;}
    .without-login form .form-group:nth-child(5){ width: 100%;}
    .without-login label.error{display: none !important;}
}
@media only screen and (max-width:900px){
    .container {
        width: 856px;
    }
    .contact-box2 h1{
        font-size: 42px !important;
    }
    .contact-box-form .form-control.captcha-form {
        width: 36%;
    }
    .consultation {
        width: 72%;
    }
    .wedoalot {
        background-position: -263px 0;
    }
    .plannignewweb {
        padding: 65px 0 0 9px;
    }
    .plannignewweb .palnning-details{
        margin-left: 7px;
    }
    .connect-mainbox .connect-icons .icon-box a{
        margin: 0px 26px 0 0;
    }
    .ask-mainbox .askbox .box1 .box-details{
        padding: 10px 0 10px 39px;
    }
    .ask-mainbox .askbox .box2 .box-details{
        padding: 10px 0 10px 17px;
    }
    .ask-mainbox .askbox .box2 img{
        top: -5px;
    }
    .ask-mainbox .askbox img {
        max-width: 18%;
    }
    .labelcaptcha_wrap.contact-send.cntct1 .btn {
        top: -50px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 63%;
    }
    .connect-mainbox .connect-icons .icon-box a {
        width: 70px;
        height: 62px;
    }
    .connect-mainbox .connect-icons .icon-box a span{
        line-height: 52px;
    }
    .connect-mainbox .connect-icons .icon-box:nth-child(2) a span{
        line-height: 55px;
    }
    .free-consltant .ask-mainbox .askbox .box1 img{
        max-width: 100%;
    }
    span.roll {    height: 262px; }
   #aboutus-mid_section .nobgSoftware {font-size: 17px;}
   #aboutus-mid_section .nobgEdge {font-size: 17px;}
   #aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span { font-size: 17px;}
}



@media only screen and (max-width:854px){
    span.roll {
        height: 229px;
    }
    .mobile-port figure {
        margin: 65px 35px 58px 0px;
    }
    
    .view-project {
        margin: 170px 0px 0px 43px;
        width: 300px;
        word-break: break-all;
    }
    .data-case-sml figure {
        margin-top: 50px;
    }
    .menu li {
        padding: 0 4px;
        font-size: 12px;
    }
    .menu li a.active_menu {
        padding: 7px 17px;
        padding: 7px 7px;
    }
    .menu ul {
        top: 22px;
    }
    .footer_section h3 {
        background: none !important;
        color: #68297A !important;
        font-size: 12px !important;
        padding: 0px 0px 0px 0px !important;
        text-align: left !important;
        margin: 24px 0px 0px 0px !important;
    }
    .our-work-box .carousel-control {
        width: 9%;
    }
    .slider-port {
        height: 703px;
    }
    .logo {
        margin: 6px 0;
    }
    .gather-img img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .assess-img img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .we-define-img img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .craft-img img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .clock_1 {
        width: 25% !important;
    }
    .clock_2 {
        width: 25% !important;
    }
    .clock {
        width: 44% !important;
    }
    .weback-img {
        left: 174px;
        float: left;
        width: 48%;
    }
    .our-work-box {
        margin: 0px 0px -17px 0px;
    }
    .subscriptionbox .labelname {
        width: 46%;
    }
    .subscriptionbox .labelemail {
        width: 47%;
    }
    .color-month {
        background-position: 17px 36px;
    }
    .calendar td {
        width: 57px !important;
        height: 57px !important;
        line-height: 57px !important;
    }
    
    .menu {
        margin-right: 0px;
    }
    .menu li a {
        font-size: 11px;
        padding: 11px 5px !important;
    }
    .menu li {
        padding: 0 0px;
    }
    .logo {
        margin: 20px 0px 0px 0px;
        width: 134px;
    }
    .captcha-label .captcha-form{
        width: 74%;
    }
    .footermargin .captcha-label .captcha-form{
        width: 71%;
    }
    .subscriptionbox .submit{
        margin-top: -4px;
    }
    .labelemail.captcha-label {
        width: 68% !important;
    }
    .container {
        width: 750px;
    }
    .contact-box2 h1 {
        font-size: 40px !important;
    }
    .checkbox-bg {
        width: 50%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 51%;
        padding: 10px;
        font-size: 14px;
    }
    .contact-box1 .form-control{
        padding: 10px;
        font-size: 14px;
    }
    .captcha-new .btn{
        top: 8px!important;
        padding: 10px;
        font-size: 14px;
    }
    .consultation {
        width: 68%;
    }
    .consultation .checkbox-bg {
        width: 25%;
    }
    .file-upload .file-select .file-select-name{
        width: 66%;
        padding: 13px 4px;
    }
    #free_consultation_form .file-upload .file-select .file-select-button{
        padding: 0px 10px;
    }
    .contact-box-form #free_consultation_form .form-control{
        padding: 10px;
        font-size: 14px;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form{
        width: 40%;
    }
    .contact-box-form #free_consultation_form .captcha-new .btn{
        margin-top: -2px;
        font-size: 14px;
        padding: 10px 30px;
    }
    .web-data .onweb-list ul li{
        padding: 6px 0px 6px 14px;
        font-size: 11px;
    }
    .wedoalot {
        background-position: -232px 0;
    }
    .palnning-details h4{
        font-size: 19px;
    }
    .plannignewweb img{
        width: 20%;
    }
    .palnning-details a{
        font-size: 14px;
    }
    .image-gallery .image02 {
        width: 42.8%;
    }
    .ask-mainbox .askbox .box1 .box-details p, .ask-mainbox .askbox .box2 .box-details p {
        font-size: 10px;
    }
    .ask-mainbox .askbox .box1 .box-details h3, .ask-mainbox .askbox .box2 .box-details h3 {
        font-size: 15px !important;
    }
    .ask-mainbox .askbox .box1 .box-details{
        width: 159px;
    }
    .ask-mainbox .askbox .box2 .box-details{
        width: 140px;
    }
    .ask-mainbox .askbox .box2 img {
        top: -1px;
    }
    .connect-mainbox .connect-icons .icon-box a {
        margin: 0px 10px 0 0;
    }
    .connect-mainbox .connect-icons .icon-box a{
        width: 72px;
        padding: 2px 10px;
    }
    .connect-mainbox .connect-icons {
        margin: 38px 0;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 57%;
        font-size: 18px;
        padding: 15px;
    }
    .labelcountry select{
        height: 41px !important;
    }
    .ask-mainbox .askbox .box1 img{
        max-width: 21%;
    }
    .ask-mainbox .askbox .box2 .box-details {
        margin: 5px -14px 0 0;
    }
    .ask-mainbox .askbox .box1 .box-details {
        margin: 5px 0 0 -42px;
    }
    .free-consltant .ask-mainbox .askbox .box1 .box-details p, .free-consltant .ask-mainbox .askbox .box2 .box-details p {
        font-size: 10px !important;
    }
    .free-consltant .ask-mainbox .askbox .box1 .box-details h3, .free-consltant .ask-mainbox .askbox .box2 .box-details h3 {
        font-size: 13px !important;
    }
    .free-consltant .ask-mainbox .askbox .box1 .box-details {
        padding: 12px 0 12px 36px;
        width: 148px;
    }
    .free-consltant .ask-mainbox .askbox .box2 .box-details {
        padding: 12px 0 12px 19px;
        width: 127px;
    }
    _::-webkit-full-page-media, _:future, :root .free-consltant .ask-mainbox .askbox .box2 .box-details {
        width: 127px!important;
        }
    .free-consltant .ask-mainbox .askbox .box1 img {
        width: 74px;
        top: 2px;
    }
    .free-consltant .ask-mainbox .askbox .box2 img{
        top: 2px;
    }
    #aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span { font-size: 17px;}
    #aboutus-mid_section .nobgSoftware {font-size: 17px;}
    #aboutus-mid_section .nobgEdge {font-size: 17px;}
    #aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span { font-size: 17px;}
    #captcha_no-error { margin-left: 12%;}
}


@media only screen and (max-width:823px){
.flip_class > .back, .fixedflip, .flip_class > a > .back{font-size: 19px !important; line-height: 24px !important;}
}

@media only screen and (max-width:812px){
    .subscriptionbox .labelemail {
        width: 47%;
    }
    .contact-box-form .form-control.captcha-form{
        width: 51%;
    }
    .contact-box-form #free_consultation_form .captcha-new .btn {
        margin-top: 0px;
    }
    .wedoalot {
        background-position: -254px 0;
    }
    .ask-mainbox .askbox img {
        max-width: 18%;
        top: 10px;
    }
    .ask-mainbox .askbox .box1 .box-details h3, .ask-mainbox .askbox .box2 .box-details h3 {
        font-size: 14px !important;
    }
    .ask-mainbox .askbox .box1 .box-details {
        width: 152px;
    }
    .ask-mainbox .askbox .box2 .box-details {
        width: 133px;
        margin: 5px -12px 0 0;
    }
    .ask-mainbox .askbox .box2 img{
        right: -34px;
    }
    .connect-mainbox .connect-icons {
        margin: 39px 0 0 5px;
    }
    .ask-mainbox .askbox .box1 img {
        max-width: 23%;
    }
    .ask-mainbox .askbox img {
        max-width: 19%;
        top: -3px!important;
    }
    .free-consltant .ask-mainbox .askbox .box1 img, .free-consltant .ask-mainbox .askbox .box2 img{
        top: 0px!important;
    }
    #captcha_no-error { margin-left: 11%;}
}
@media only screen and (max-width:800px){
    .wedoalot {
        background-position: -259px 0;
    }
    .free-consltant .ask-mainbox .askbox .box1 img, .free-consltant .ask-mainbox .askbox .box2 img{
        top: 1px!important;
    }
}
@media only screen and (max-width:769px){
    .reponsive-window {
        width: 68%;
    }
}
@media only screen and (max-width:768px){
    .view-project {
        margin: 175px 0px 0px 43px;
    }
    .mobile-port figure img{
        width: 100%;
        height: auto;
    }
    .mobile-port-sml {
        width: 93%;
    }
    .data-case-sml {
        width: 93%;
    }
    .menu li a {
        padding: 7px 17px;
    }
    .menu li ul li a {
        padding: 7px 17px;
    }
    .menu li a {
        padding: 7px 0px !important;
    }
    .data-case-sml figure img{
        width: 100%;
    }
    .our-work-box .carousel-control {
        width: 9.9%;
    }
    .slider-port {
        height: 703px;
    }
    .panel-footer {
        width: 357px !important;
    }
    .msg_container_base {
        height: 700px !important;
    }
    .menu li a {
        padding: 7px 5px !important;
    }
    .wedoalot {
        background-position: -276px 0;
    }
    .gallery-main h2{
        margin: 0px 0px 40px 0px;
    }
    #we_back_div .colpadding.first_class_ {
        margin: 0;
    }
}
@media only screen and (max-width:767px) {
    .contact-box-form .form-control.captcha-form{
        width: 30%;
    }
    .labelcaptcha_wrap.contact-send .btn {
        top: -118px;
        padding: 16px 33px;
    }
    .contact-box1 {
        padding: 20px 50px 0 50px;
    }
    .contact-box1.contact-box-form .captcha-msg{
        width: 87%;
    }
    .container {
        width: initial;
    }
    .logo img {
        max-width: 100%;
    }
    .checkbox-bg {
        width: 33.33%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 73%;
    }
    .fa.fa-reorder:before{
        content: '';
    }
    .social_icon {
        margin: -43px 0 0px 3px;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 68%;
    }
    .wedoalot{
        max-height: 100%;
    }
    .wedoalot .vertical-border{
        width: 104%;
        height: 1px;
        top: 5px;
        left: -15px;
        opacity: 0.3;
    }
    .web-data, .web-data h2{
        width: 100%;
    }
    .web-data .onweb-list ul li {
        padding: 6px 0px 6px 21px;
        font-size: 14px;
    }
    .labelcaptcha_wrap.contact-send.cntct1 .btn {
        top: -119px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 58.5%;
    }
    .labelcaptcha_wrap.contact-send.cntct1 .labelcaptcha{
        margin: 0;
    }
    .main-services li {
        width: 33%;
        border-top: 1px solid;
    }
    .main-services li a {
        min-height: 257px;
        padding-top: 0!important;
    }
    .main-services li a h3 {
        font-size: 18px !important;
        width: 100%;
    }
    .flip_class > .front {
        min-height: 200px!important;
    }
    .main-services li.blank_div, .main-services li.blank2_div, .main-services li.blank3_div {
        display: none;
    }
    .menu ul{
        left: -53px;
    }
    .about-box-vision, .about-box-mission, .about-box-goal {
        padding: 54px 40px 0;
        width: 100%;
    }
    .cbp-so-section p {
        font-size: 28px !important;
    }
    #we_back_div .colpadding.first_class_.boxright .weback-img{
        margin: 0;
    }
    .hint-text{
        width: 100%;
    }
    span.roll {
        height: 234px;
    }
    #captcha_no-error { margin-left: 14%;}
    .chat_input { height: 30px !important;}
    .without-login textarea { height: 30px !important;}
    #reg_form .captcha-img{margin: 4px 10px 5px 0px;}
    .flip_class > .back, .fixedflip, .flip_class > a > .back{font-size: 21px !important; line-height: 30px !important;}
}
@media only screen and (max-width:736px){
    .captcha-label .captcha-form {
        width: 73%;
    }
    .bodyhome .phone-dropdown{
        right: 0;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 66%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 72%;
    }
    .ask-mainbox .askbox .box2 img {
        top: -53px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 56.5%;
    }
    .calendar td {
        width: 55px !important;
        height: 55px !important;
        line-height: 55px !important;
    }
    .how-we-do-head h1 {
        margin-left: 30%;
    }
    span.roll {
        height: 225px;
    }
    .free-consltant .ask-mainbox .askbox .box1 img, .free-consltant .ask-mainbox .askbox .box2 img{
        top: 2px!important;
    }
}
@media only screen and (max-width:732px){
    span.roll {
        height: 223px;
    }
}
@media only screen and (max-width:667px){
    span.roll {
        height: 203px;
        width: 49.5%;
    }
    .view-project {
        margin: 145px 0px 0px 20px;
        width: 277px;
        font-size: 17px;
    }
    .our-work-box .carousel-control {
        width: 11%;
    }
    .slider-port {
        height: auto;
    }
    .subscriptionbox .labelname {
        width: 100%;
    }
    .subscriptionbox .labelemail {
        width: 100%;
    }
    .color-month {
        background-position: 3px 36px;
    }
    .calendar td {
        width: 45px !important;
        height: 45px !important;
        line-height: 45px !important;
    }
    .holiday-list h2 {
        font-size: 18px;
    }
    .labelemail.captcha-label {
        width: 100% !important;
    }
    .captcha-label .captcha-form {
        width: 79.9%;
    }
    .footermargin .captcha-label .captcha-form{
        width: 74%;
        float: right;
    }
    .head-cpatcha-btn, .captcha-box .btn.btn-default.submit {
        margin-bottom: 10px;
    }
    .contact-box1.contact-box-form .captcha-msg{
        width: 85%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 69%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 62%;
    }
    .planning-width {
        width: 100%;
    }
    .plannignewweb img {
        width: auto;
    }
    .plannignewweb {
        padding: 45px 0 0 9px;
    }
    #mid_section_2{
        margin-bottom: 40px;
    }
    #mid_section_2 .planning-width:nth-child(3) .plannignewweb {
        padding: 0px 0 0 9px;
    }
    #mid_section_2 .bdr-left {
        height: 1px;
        width: 100%;
        background-color: #5c2d78;
        border: none;
        margin: 15px 0;
    }
    .image-gallery .image01, .image-gallery .image02, .image-gallery .image03, .image-gallery .image04, .image-gallery .image05 {
        width: 100%;
        margin-bottom: 10px;
    }
    .image-gallery .image05{
        position: relative!important;
        top: 0;
    }
    .image-gallery img{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .ask-mainbox {
        width: 100%;
        padding: 0;
    }
    .ask-mainbox .askbox img {
        max-width: initial;
        top: 0;
    }
    .ask-mainbox .askbox .box1 img {
        max-width: 15%;
    }
    .ask-mainbox .askbox .box2 img{
        top: 1px !important 
    }
    .ask-mainbox .askbox .box1 .box-details{
        padding: 15px 0 15px 48px;
        width: 197px;
    }
    .ask-mainbox .askbox .box2 .box-details{
        padding: 15px 0 15px 25px;
        width: 175px;
        float: left;
        margin: 6px 70px 0 0;
    }
    .connect-mainbox {
        width: 100%;
        padding: 15px 0;
    }
    .ask-mainbox .askbox .box2 img {
        top: 7px;
        right: 30px;
        float: left;
    }
    .ask-mainbox .askbox .box1 .box-details p, .ask-mainbox .askbox .box2 .box-details p{
        font-size: 13px;
    }
    .ask-mainbox .askbox .box1 .box-details h3, .ask-mainbox .askbox .box2 .box-details h3 {
        font-size: 17px !important;
    }
    .ask-mainbox .askbox .box1{
        margin: 0 0 0 20px;
    }
    .ask-mainbox .askbox .box2{
        float: right;
        margin: 0;
    }
    .connect-mainbox .connect-icons {
        margin: 43px 0 0 31%;
    }
    .wedoalot {
        background-position: -1960px 0;
    }
    .border_changed, .we-gather, .we-define, .we-deliver{
        margin-left: 0;
        width: 98%!important;
    }
    .how-line-right{
        margin: 0 auto 0px 74%;
    }
    .how-line-left{
        display: none;
    }
    .boxright {
        width: 100% !important;
    }
    .weback-img{
        width: 53%;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 51.5%;
    }
    .cbp-so-section p {
        font-size: 20px !important;
    }
    .about-box-vision, .about-box-mission, .about-box-goal {
        padding: 54px 20px 0;
    }
    .cd-testimonials-wrapper{
        padding: 20px 40px 0px !important;
    }
    .free-consltant .ask-mainbox .askbox .box2 .box-details{
        margin: 7px 42px 0 0;
        padding: 12px 0 12px 35px;
        width: 142px;
    }
    _::-webkit-full-page-media, _:future, :root .free-consltant .ask-mainbox .askbox .box2 .box-details {
        width: 142px!important;
        }
    .free-consltant .ask-mainbox .askbox .box1 img, .free-consltant .ask-mainbox .askbox .box2 img {
        top: 0px!important;
    }
    .free-consltant .ask-mainbox .askbox .box2 img{
        right: 0;
    }
    .free-consltant .ask-mainbox .askbox .box1{
        margin: 0;
    }
    .free-consltant .ask-mainbox .askbox .box1 .box-details{
        width: 170px;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 36%;
    }
    #writeform_second .call-action-captcha{
        width: 100%;
        margin-top: 5px;
    }
    #writeform_second .form-control.captcha-form{
        width: 80%;
    }
    #captcha_no-error { margin-left: 12%;}
    #aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span{line-height: 3.5;}
    .flip_class > .back, .fixedflip, .flip_class > a > .back{font-size: 19px !important; line-height: 24px !important;padding-top: 40px !important;min-height: 100%;}
}
@media only screen and (max-width:640px){
    span.roll {
        height: 195px;
    }
    .view-project {
        margin: 150px 0px 0px 19px;
        width: 280px;
        font-size: 15px;
    }
    .mobile-port {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgb(199, 180, 199);
    }
    .mobile-port-sml {
        width: 98%;
    }
    .mobile-port figure {
        margin: 65px 0px 58px 89px;
        float: left;
    }
    .data-case {
        width: 100%;
        border-bottom: 1px solid rgb(199, 180, 199);
        padding: 0px 9px 20px 0px;
    }
    .data-case-sml {
        width: 98%;
    }
    .data-case-sml figure {
        margin-top: 10px;
        width: 65%;
        margin-left: 19%;
    }
    .our-work-box .carousel-control {
        width: 11%;
    }
    .our-work-box .carousel-control.left {
        margin-left: 1.7%;
    }
    .social_icon {
        background: none;
    }
    .social_icon ul {
        border: none;
    }
    .without-login {
        width: 39% !important;
    }
    .responsive-menu .fa-navicon::before, .fa-reorder::before, .fa-bars::before {
        font-size: 0;
    }
    .captcha-label .captcha-form {
        width: 78.5%;
    }
    .social_icon img {
        margin-top: 0px;
    }
    .contact-box-form .form-control.captcha-form {
        width: 67%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 60%;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 49%;
    }
    .weback-img{
        top: -19px !important;
    }
    .holiday-list{
        min-height: 0!important;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 35%;
    }
    #aboutus-mid_section .servicebox li span, #aboutus-mid_section .mobilebox li span{line-height: normal;}
    #chat_window_1 .chat-team{padding: 20px 12px 15px;}
    .without-login form .form-group{margin: 0 4px 4px 0;}
}
@media only screen and (max-width:600px) {
    .captcha-label .captcha-form {
        width: 77%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 65%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 57%;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 45%;
    }
    span.roll {
        height: 183px;
    }
    .ask-mainbox .askbox .box1 img {
        max-width: 17%;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 33%;
    }
}
@media only screen and (max-width:569px){
    span.roll {
        height: 176px;
    }
    .view-project {
        width: 241px;
        margin: 125px 0px 0px 19px;
    }
    .reponsive-window {
        width: 62%;
    }
    .without-login {
        width: 46% !important;
    }

}
@media only screen and (max-width:568px){
    .mobile-port-sml {
        width: 96%;
    }
    .clint-names h2 {
        margin: 3px 0px 0px 0px;
    }
    .data-case-sml h3 {
        line-height: 22px;
        margin: 0px 0px 10px 0px;
    }
    .view-project {
        margin: 120px 0px 0px 20px;
        width: 250px;
    }
    span.roll {
        height: 173px;
    }
    .data-case-sml {
        margin-top: 23px;
    }
    .mobile-port figure {
        margin: 65px 37px 58px 25px;
    }
    #footer_start {
        margin-top: 0px;
    }
    .our-work-box .carousel-control {
        background-size: 100%;
    }
    .our-work-box .carousel-control.right{
        right: 7px;
    }
    .subscribe-title {
        padding: 3px;
    }
    .captcha-label .captcha-form {
        width: 75%;
    }
    .footermargin .captcha-label .captcha-form{
        width: 70%;
    }
    .contact-box1.contact-box-form .captcha-msg{
        width: 83%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 63%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 54%;
    }
    .contact-box-form #free_consultation_form .captcha-new .btn {
        margin-top: 0;
    }
    .connect-mainbox .connect-icons {
        margin: 41px 0 0 28%;
    }
    .test-box-right{
        max-width: 100%;
        flex: 100%;
    }
    .test-box-center{
        max-width: 100%;
        flex: 100%;
    }
    .test-box-left{
        max-width: 100%;
        flex: 100%;
        margin-bottom: 16px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 41%;
    }
    .menu {
        display: none;
        float:none;
        margin:0;
    }
    ul.menu {
        width:300px;
        position: absolute;
    }
    nav {
        margin: 0;
        background: none;
    }
    .menu li {
        display: block;
        background:#5c2d78;
        text-transform: inherit;
        font-weight:normal;
        padding:0px;
        width:180px;
    }
    .menu li a {
        border-bottom:1px solid #754b8e;
        color: #fff;
        display: block;
        padding:7px 17px;
    }
    .menu li:last-child a{
        border-bottom:none;
    }
    .menu li a:hover, .menu li:hover>a {
        color: #fff;
        background: #6c4285;
        padding:7px 17px;
    }
    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }
    .menu ul ul {
        left: 0;
        transform: initial;
    }
    .menu li>ul ul:hover {
        transform: initial;
    }
    .responsive-menu{
        height: 45px;
        padding: 16px 15px 20px;
        background:#5c2d78;
        margin:10px 0 0px 0px;
        display:block;
        width:52px;
    }
    .menu li span{
        color: #fff;
        display: block;
        transition: all 0.2s ease-in-out 0s;
        text-decoration: none;
        font-family: keep_calm_medregular;
        text-transform: uppercase;
        font-size: 11px;
        padding: 7px 15px;
        border-bottom: 1px solid #754b8e;
    }
    .menu ul{
        position: static;
        visibility: visible;
        opacity: 1;
        top: -18px;
        transform:none;
    }
    .menu li ul li a{
        background: #5c2d78;
        border-bottom:none;
    }
    .menu li ul.sub-menu li a{
        padding: 7px 15px 7px 30px;
    }
    .our-work-link{
        text-transform: uppercase !important;
        color: #fff !important;
        padding: 7px 0px !important;
        font-size: 11px !important;
    }
    .menu li a.active_menu {
        padding: 7px 17px;
    }
    .our-work-link li {
        width: 180px;
    }
    ul.sub-menu {
        box-shadow: none;
        top: 0px !important;
        margin-left: 0px;
        width: 180px;
    }
    ul.sub-menu.header01{
        border-bottom: 1px solid #754b8e !important;
    }
    .sub-menu {
        background: none !important;
        border: none !important;
    }
    .sub-menu li {
        background: none !important;
        border-bottom: 0;
    }
    .sub-menu li a{
        background: none !important;
    }
    .menu ul::after{
        border:none !important;
    }
    .calendar td {
        width: 41px !important;
        height: 41px !important;
        line-height: 41px !important;
    }
    .menu ul {
        left: 0;
    }
    .ask-mainbox .askbox .box1 img {
        max-width: 18%;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 32%;
    }
    .flip_class > .back, .fixedflip, .flip_class > a > .back {
    font-size: 18px !important;
    line-height: 22px !important;
    padding-top: 32px !important;
    min-height: 201px;
}
    
}
@media only screen and (max-width:533px) {
    .captcha-label .captcha-form {
        width: 73%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 37%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 59%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 51%;
    }
    .ask-mainbox .askbox .box2 .box-details{
        margin: 6px 40px 0 0px;
    }
    .ask-mainbox .askbox .box2 img{
        right: 0 
    }
    .ask-mainbox .askbox .box1 {
        margin: 0;
    }
    .connect-mainbox .connect-icons {
        margin: 47px 0 0 27%;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 36%;
    }
    .calendar td {
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
    }
    span.roll {
        height: 163px;
        width: 49.3%;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 30%;
    }
}
@media only screen and (max-width:481px){
    .work-box {
        width: 49.5%;
    }
    span.roll {
        height: 147px;
    }
    .view-project {
        margin: 95px 0px 0px 20px;
        width: 200px;
    }
    .our-work-box .carousel-control {
        width: 15%;
    }
    .mobile-port figure {
        margin: 65px 0px 58px 22px;
    }
    .data-case-sml figure {
        margin-left: 12%;
    }
    .reponsive-window {
        width: 91%;
    }
    .without-login {
        width: 55.6% !important;
        padding: 15px 15px !important;
    }
    .chat_input {
        height: 30px !important;
    }
    .chat-team {
        padding: 10px 12px 10px !important;
    }
    .form-group {
        margin-bottom: 10px;
    }
    .captcha-label .captcha-form {
        width: 87%;
    }
    .captcha-new input {
        width: 30%;
    }
    .calendar td {
        width: 57px !important;
        height: 57px !important;
        line-height: 57px !important;
    }
    .footermargin .captcha-label .captcha-form{
        width: 77%;
    }
}
@media only screen and (max-width:480px){
    .work-box {
        width: 49.7%;
    }
    span.roll {
        height: 146px;
    }
    .view-project {
        margin: 101px 0px 0px 33px;
        width: 180px;
    }
    .mobile-port figure {
        margin: 64px 0px 58px 24px;
    }
    .our-work-box .carousel-control {
        width: 14%;
    }
    .without-login {
        width: 55.6% !important;
        padding: 15px 15px !important;
    }
    .chat_input {
        height: 30px !important;
    }
    .form-group {
        margin-bottom: 10px;
    }
    .without-login textarea {
        height: 40px !important;
    }
    .chat_input {
        height: 27px !important;
    }
    .without-login form .form-group{width: 100%;}
    .chat-window .btn-primary {
        padding: 2px 10px;
    }
    .without-login .form-group:nth-child(2) .chat_input, .without-login .form-group:nth-child(4) .chat_input {
        margin-left: 0px !important;
    }
    .chat-team {
        margin-top: 6px !important;
        padding: 3px 3px 3px !important;
    }
    .chat-team h2 {
        line-height: 14px !important;
    }
    .labelcaptcha_wrap.contact-send .btn {
        top: -10px;
        padding: 8px 33px;
    }
    .contact-box-form .form-control.captcha-form {
        width: 60%;
    }
    .contact-box1.contact-box-form .captcha-msg{
        bottom: 8px;
    }
    .contact-box1.contact-box-form .captcha-msg{
        width: 79%;
    }
    .captcha-new input {
        width: 30% !important;
    }
    .checkbox-bg {
        width: 50%;
    }
    .contact-box-form .form-control.captcha-form {
        width: 54%!important;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 44%!important;
    }
    .ask-mainbox .askbox .box1 img {
        max-width: 20%;
        top: 4px;
    }
    .ask-mainbox .askbox .box2 img {
        max-width: 27%;
        top: 6px;
    }
    .ask-mainbox .askbox .box1 .box-details {
        padding: 19px 0 19px 39px;
        width: 168px;
    }
    .ask-mainbox .askbox .box1 .box-details p, .ask-mainbox .askbox .box2 .box-details p {
        font-size: 10px;
    }
    .ask-mainbox .askbox .box1 .box-details h3, .ask-mainbox .askbox .box2 .box-details h3 {
        font-size: 14px !important;
    }
    .ask-mainbox .askbox .box2 .box-details {
        padding: 19px 0 19px 34px;
        width: 160px;
    }
    .connect-mainbox .connect-icons {
        margin: 51px 0 0 23%;
    }
    .labelcaptcha_wrap.contact-send.cntct1 .btn {
        top: -48px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 60.5% !important;
    }
    .main-services li {
        width: 50%;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 28%;
    }
    .gather-img img, .we-define-img img, .we-deliver-img img{
        padding: 0 15px;
    }
    #captcha_no-error { margin-left: 8%;}
}
@media only screen and (max-width:425px){
    .captcha-label .captcha-form {
        width: 85%;
    }
    .how-line-right, .how-line-left {
        display: none;
    }
    .phone-box{
        width:394px;
        float: right;
    }
    #writeform{
        width: 394px;
        float: right;
    }
    #writeform .labelemail.head-cpatcha{
        width: 100%;
    }
    #writeform .form-control.captcha-form{
        width: 82%;
    }
    .contact-box-form .form-control.captcha-form{
        width: 54%!important;
    }
    .contact-box1.contact-box-form .captcha-msg{
        width: 77%;
    }
    .footer_section h3{
        width: 110px;
    }
    .contact-box1 {
        padding: 20px 20px 0 20px;
    }
    .ask-mainbox .askbox .box2{
        margin: 5px 0 0;
        float: left;
        width: 100% 
    }
    .ask-mainbox .askbox .box2 img {
        top: 94px !important;
    }
    .connect-mainbox .connect-icons {
        margin: 53px 0 0 20%;
    }
    .ask-mainbox .askbox .box1 img{
        max-width: 24%;
    }
    .ask-mainbox .askbox .box1 .box-details{
        width: 86%;
    }
    .ask-mainbox .askbox .box2 .box-details{
        width: 93%;
        margin: 8px 0 0 0;
        padding: 18px 55px 18px 0;
        text-align: right;
    }
    .we-gather, .we-define {
        margin-right: 14px;
    }
    .we-deliver{
        margin-right: 14px;
        margin-left: 10px;
    }
    .weback-img{
        top: -65px !important;
    }
    .calendar td {
        width: 49px !important;
        height: 49px !important;
        line-height: 49px !important;
    }
    .color-month {
        background-position: 50% 20px!important;
    }
    span.roll {
        height: 130px;
    }
    .our-work-box .carousel-control.left, .our-work-box .carousel-control.right{
        top: 38%;
    }
    .free-consltant .ask-mainbox .askbox .box2 .box-details {
        margin: 3px 42px 0 0;
        padding: 12px 52px 12px 0;
        width: 96%;
    }
    _::-webkit-full-page-media, _:future, :root .free-consltant .ask-mainbox .askbox .box2 .box-details {
        width: 96% !important;
        }
    .free-consltant .ask-mainbox .askbox .box1 .box-details {
        width: 90%;
    }
    .free-consltant .ask-mainbox .askbox .box2 img{
        top: 68px!important;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 25%;
    }
    #captcha_no-error { margin-left: 6%;}
    .free-consltant .ask-mainbox .askbox .box1 .box-details h3, .free-consltant .ask-mainbox .askbox .box2 .box-details h3 {
    font-size: 15px !important;
}
.free-consltant .ask-mainbox .askbox .box1 .box-details p, .free-consltant .ask-mainbox .askbox .box2 .box-details p {
    font-size: 12px !important;
}
.flip_class > .back, .fixedflip, .flip_class > a > .back{min-height: 158px;font-size: 17px!important; line-height: normal !important; padding: 25px 15px 0 !important;}

}
@media only screen and (max-width:414px){
    .captcha-label .captcha-form {
        width: 84%;
    }
    .phone-box{
        width:384px;
    }
    #writeform{
        width: 384px;
    }
    .without-login { width: 92% !important;}
    .contact-box-form .form-control.captcha-form{
        width: 53%!important;
    }
    .contact-box1.contact-box-form .captcha-msg{
        width: 76%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 43%!important;
    }
    .test-box-right, .test-box-center, .test-box-left{
        max-width: 100%;
        flex: 67%;
        margin: 0 0px 8px 0;
    }
    .right-box-2, .center-box-2{
        margin-bottom: 8px;
    }
    .testimonial-main {
        padding-top: 30px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 59.5% !important;
    }
    .calendar td {
        width: 47px !important;
        height: 47px !important;
        line-height: 47px !important;
    }
    span.roll {
        height: 126px;
    }
    .ask-mainbox .askbox .box2 img {
        top: 91px !important;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 23%;
    }
}
@media only screen and (max-width:412px){
    .phone-box{
        width:381px;
    }
    #writeform{
        width: 381px;
    }
    span.roll {
        height: 125px;
    }
    .our-work-box .carousel-control.left, .our-work-box .carousel-control.right{
        top: 36%;
    }
    .weback-img {
        left: 47px !important;
        width: 78% !important;
    }
}
@media only screen and (max-width:400px){
    .contact-box-form .form-control.captcha-form{
        width: 52%!important;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 41%!important;
    }
    .plannignewweb .palnning-details {
        margin-left: 4px;
    }
    .gallery-main h2{
        font-size: 38px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 58% !important;
    }
    .weback-img {
        left: 8% !important;
        width: 86% !important;
    }
    .calendar td {
        width: 45px !important;
        height: 45px !important;
        line-height: 45px !important;
    }
    span.roll {
        height: 121px;
    }
    .weback-img {
        top: -40px !important;
    }
    .ask-mainbox .askbox .box2 img {
        top: 89px !important;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 21%;
    }
    .captcha-label .captcha-form {
        width: 83.9%;
    }
    #captcha_no-error { margin-left: 4%;}
}
@media only screen and (max-width:384px){
    .captcha-label .captcha-form {
        width: 83%;
    }
    .phone-box{
        width:353px;
    }
    #writeform{
        width: 353px;
    }
    #writeform .form-control.captcha-form{
        width: 80%;
    }
    .contact-box-form .form-control.captcha-form{
        width: 46%!important;
    }
    #writeform_second .form-control.captcha-form{
        width: 80%;
    }
    .contact-box1.contact-box-form .captcha-msg {
        width: 84%;
    }
    .contact-box1 {
        padding: 20px 30px 0;
    }
    .consultation {
        width: 65%;
    }
    .file-upload .file-select .file-select-name {
        width: 61%;
        font-size: 13px;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 74%!important;
    }
    .ask-mainbox .askbox .box1 .box-details {
        width: 93%;
        margin: -83px 0 0 25px;
        padding: 15px 0 15px 76px;
    }
    .ask-mainbox .askbox .box1 img {
        top: 0px;
        max-width: initial;
    }
    .ask-mainbox .askbox .box1 .box-details p, .ask-mainbox .askbox .box2 .box-details p {
        font-size: 13px;
    }
    .ask-mainbox .askbox .box1 .box-details h3, .ask-mainbox .askbox .box2 .box-details h3 {
        font-size: 17px !important;
    }
    .ask-mainbox .askbox .box2{
        width: 100%;
        margin: 0;
    }
    .ask-mainbox .askbox .box2 .box-details{
        width: 93%;
        margin: 12px 0 0 0;
        padding: 15px 55px 15px 0;
        text-align: right;
    }
    .ask-mainbox .askbox .box2 img{
        max-width: initial;
        float: right;
        top: 100px;
        position: absolute;
        top: 98px !important;
    }
    .connect-mainbox .connect-icons {
        margin: 53px 0 0 16%;
    }
    .plannignewweb .palnning-details {
        margin-left: 10px;
        width: 68%;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 53.5% !important;
    }
    .we-gather, .we-define, .we-deliver {
        width: 90% !important;
    }
    .calendar td {
        width: 43px !important;
        height: 43px !important;
        line-height: 43px !important;
    }
    span.roll {
        height: 117px;
    }
    .our-work-box .carousel-control.left, .our-work-box .carousel-control.right{
        top: 34%;
    }
    .free-consltant .ask-mainbox .askbox .box1 .box-details {
        width: 89%;
    }
    .free-consltant .ask-mainbox .askbox .box2 .box-details {
        margin: 8px 42px 0 0;
    }
    .contactus-captcha.captcha-new .thanks-msg{
        margin: 57px 0px 0px 0px;
    }
    .work-box {
        width: 99.5%;
        position: relative;
        margin-bottom: 3px;
    }
    span.roll{
        width: 99.5%;
        height: 236px;
    }
    .view-project {
        margin: 0;
        bottom: 15px;
        left: 26%;
    }
}
@media only screen and (max-width:375px){

    .without-login {
        min-width: 270px !important;
    }
    .captcha-label .captcha-form {
        width: 82.5%;
    }
    .phone-box{
        width:344px;
    }
    #writeform{
        width: 344px;
    }
    .contact-box-form .form-control.captcha-form{
        width: 45%!important;
    }
    .consultation {
        width: 100%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 71%!important;
        float: right;
        margin-top: 7px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 52% !important;
    }
    .calendar td {
        width: 42px !important;
        height: 42px !important;
        line-height: 42px !important;
    }
    span.roll {
        height: 230px;
    }
    .ask-mainbox .askbox .box2 img{
        top: 99px !important 
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 19%;
    }
    #message_container #captcha_no{
        width: 69%;
    }
    #captcha_no-error { margin-left: 7%;}
    .chat_input { height: 40px !important;}
    .without-login{ padding: 28px 15px !important;}
    .free-consltant .ask-mainbox .askbox .box1 img { top: 2px!important;}
    .free-consltant .ask-mainbox .askbox .box2 img { top: 70px!important;}

}
@media only screen and (max-width:364px){
    span.roll {
        height: 223px;
    }
    .our-work-box .carousel-control.left {
        background-size: 46px;
    }
    .our-work-box .carousel-control.right{
        background-size: 46px;
    }
    .our-work-box .carousel-control.left {
        margin-left: 2%;
    }
    .mobile-port figure img {
        margin-left: -24px;
    }
    .data-case-sml figure {
        width: 95%;
        margin-left: 0%;
    }
    .footer_section {
        padding-left: 0%;
        margin: 7px 0 5px;
    }
    .captcha-label .captcha-form {
        width: 82%;
    }
    .phone-box{
        width:329px;
    }
    #writeform{
        width: 329px;
    }
    #writeform .form-control.captcha-form{
        width: 79%;
    }
    .contact-box-form .form-control.captcha-form{
        width: 72%!important;
    }
    #free_consultation_form .file-upload .file-select .file-select-button{
        font-size: 15px;
    }
    .file-upload .file-select .file-select-name {
        width: 64%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 72%!important;
    }
    .connect-mainbox .connect-icons {
        margin: 48px 0 0 0%;
    }
    .connect-mainbox .connect-icons .icon-box a{
        width: 101px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 50.5% !important;
    }
    .calendar td {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    .our-work-box .carousel-control.left, .our-work-box .carousel-control.right{
        top: 43%;
    }
    .main-services li {
        width: 100%;
    }
    #web-section{
        background-position: 954px 21px;
    }
    .connect-mainbox .connect-icons .icon-box a span {
        font-size: 47px;
    }
    .connect-mainbox .connect-icons .icon-box:nth-child(2) a span {
        font-size: 42px;
    }
    
}
@media only screen and (max-width:360px){
    .captcha-label .captcha-form {
        width: 81.5%;
    }
    .connect-mainbox .connect-icons .icon-box a {
        width: 100px;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 49.5% !important;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 18%;
    }
    span.roll {
        height: 221px;
    }
}
@media only screen and (max-width:320px){
    .our-work-box .carousel-control.left {
        background-size: 40px !important;
    }
    .our-work-box .carousel-control.right {
        background-size: 40px !important;
        margin-right: 2%;
    }
    .work-box {
        width: 97%;
    }
    span.roll {
        height: 178px;
        width: 100%;
    }
    .view-project {
        left: 20%;
    }
    .mobile-port figure {
        margin: 64px 20px 58px 0px;
    }
    .data-case-sml figure {
        width: 85%;
        margin-left: 6%;
    }
    .mobile-port figure img {
        margin-left: 4px;
    }
    .our-work-box {
        padding: 0px 10px;
    }
    .footer_section h3 {
        font-size: 11px !important;
    }
    .our-work-box .carousel-control.left {
        margin-left: 3%;
    }
    .reponsive-window {
        width: 91%;
    }
    .captcha-label .captcha-form {
        width: 78.5%;
    }
    .footermargin .captcha-label .captcha-form{
        width: 75%;
    }
    .phone-box{
        width:290px;
    }
    #writeform{
        width: 290px;
    }
    #writeform .form-control.captcha-form{
        width: 76%;
    }
    .contact-box-form .form-control.captcha-form{
        width: 66%!important;
    }
    #writeform_second .form-control.captcha-form{
        width: 77%;
    }
    .labelcaptcha_wrap.contact-send .btn {
        top: -100px;
    }
    .contact-box1.contact-box-form .captcha-msg {
        width: 82%;
    }
    .checkbox-bg {
        width: 100%;
    }
    .contact-box-form #free_consultation_form .form-control.captcha-form {
        width: 64%!important;
        float: right;
        margin-top: 7px;
    }
    #free_consultation_form .file-upload .file-select .file-select-button {
        font-size: 13px;
    }
    .file-upload .file-select .file-select-name{
        font-size: 11px;
    }
    .connect-mainbox .connect-icons .icon-box a {
        width: 86px;
        font-size: 13px;
    }
    .connect-mainbox .connect-icons .icon-box a span {
        font-size: 40px;
    }
    .connect-mainbox .connect-icons .icon-box:nth-child(2) a span {
        font-size: 36px;
    }
    .plannignewweb img {
        width: 24%;
    }
    .contact-box-form .cntct .form-control.captcha-form {
        width: 41.5% !important;
        font-size: 14px;
        padding: 18px 10px;
    }
    form#contact_us_form .cntct1 .labelcaptcha{
        width: 170px;
    }
    .labelcaptcha_wrap.contact-send.cntct1 .btn{
        padding: 10px 19px;
    }
    .weback-img {
        left: 4% !important;
        width: 100% !important;
    }
    .calendar td {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
    }
    .our-work-box .carousel-control.left, .our-work-box .carousel-control.right{
        top: 48%;
    }
    .free-consltant .ask-mainbox .askbox .box1 .box-details {
        width: 87%;
    }
    .free-consltant .connect-mainbox .connect-icons {
        margin: 44px 0 0 14%;
    }
    #captcha_no-error { margin-left: 2%;}
}
@media (min-width: 600px) and (max-width: 767px){
    .social_icon{
        position: relative;
        top: 50px;
    }
    .reponsive-window {
        width: 80% !important;
    }
    .without-login {
        min-width: 93% !important;
    }
    .without-login .form-group {
        margin-bottom: 10px;
    }
/*    .without-login .form-group:nth-child(2) .chat_input, .without-login .form-group:nth-child(4) .chat_input{
        margin-left: 7px;
    }*/
    .without-login{
        padding: 20px !important;
    }
}
@media (min-width: 425px) and (max-width: 568px){
    .social_icon{
        position: relative;
        top: 0px;
    }
    .reponsive-window {
        width: 87% !important;
    }
    .without-login {
        min-width: 93% !important;
    }
    .without-login .form-group {
        margin-bottom: 0;
    }
    .without-login .form-group:nth-child(2) .chat_input, .without-login .form-group:nth-child(4) .chat_input{
        margin-left: 6px;
    }
    .without-login{
        padding: 10px !important;
    }
}

@media only screen and (max-height: 360px) and (min-width: 480px){
#writeform_second{
    height: 280px;
    overflow-y: scroll!important;
    top: 20px;
}
}

@media only screen and (max-height: 360px) and (min-width: 530px){
#writeform_second{
    height: 280px;
    overflow-y: scroll!important;
    top: 20px;
}
}

@media only screen and (max-height: 480px) and (min-width: 640px){
#writeform_second{
    height: 329px;
    overflow-y: scroll!important;
    top: 20px;
}
}