/*------------ 318px - 690px starts here */ @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;}
.social_icon{ margin-top: -45px !important; background: #5c2d78; height: 45px; text-align: right;}
.social_icon img{margin-top:4px;}
.menu { display: none; float:none; margin:0;}
ul.menu {width:300px; position: absolute;}
nav { margin: 0; background: none;}
.menu li { display: block; background:#754b8e; text-transform: inherit; font-weight:normal; border-bottom:1px solid #643a7d; padding:0px; width:180px;}
.menu li a {/* border-bottom:1px solid #666; */ 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 ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial;}
.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;}
#top-section {margin-top:0px;}
.responsive-menu{ height: 45px; padding: 16px 15px 20px; background:#5c2d78; margin:10px 0 0px 0px; display:block; width:52px;}
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 { max-height: 319px; min-height: 319px;}
.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: 30px 0px 36px; width: 33%; 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%;}
.cbp-so-side-right{margin-bottom:40px !important; border-bottom: 2px solid; display:block;}
#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, #aboutus-mid_section .webbox, #aboutus-mid_section .mobilebox, #aboutus-mid_section .databox {padding: 0px 38px;}
.servicebox, .webbox, .mobilebox, .databox {min-height:300px;}
#aboutus-mid_section .servicesborderleft {height:300px; margin-top:0px;}
*/
#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:0;}
#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;}
} /*------------ 318px - 690px ends here */


/*------------ 318px - 460px starts here ---------------*/ 
@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;}
.we-gather, .we-define, .we-deliver{margin-right: 20px; width: 90%;}
.we-assess, .we-craft, .we-back{ margin-right: 30px; width: 90%;}
.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{ font-size:16px !important;}
.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{ 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;}
} /*------------ 318px - 460px ends here */

/*------------ 461px - 641px starts here */ 
@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 span {display: block;}
.contact-box1 {padding: 20px 40px 20px 20px;}
#web-section, #mobile-section, #data-section {max-height: 100%; min-height:100%;}
.main-services li {width: 33%; 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: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{ padding-top:40px !important;}
.bodyhome .phone-dropdown{ position:relative; top:-20px;}
} /*------------ 461px - 641px ends here */


/*------------ 461px - 641px starts here */ 
@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) { 
#first_left_to_right, #second_left_to_right, #third_left_to_right{ display:none;}
.how-line-left{ display:none;}
header.tiny .mainlogo{ width:100%; background-size:contain;}
header.tiny .logo{ width:25%;}
}

/*------------ 768px - 979px starts here */

@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;}
.v-center{ display:block; height: auto;}
.v-center span{ display:block;}
.how-we-do-head h1 { display: block; margin-top: 0; text-align: center; margin-left:0;}
.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;}
.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{ font-size: 22px !important; line-height: 32px !important;}
}
/*------------ 768px - 979px ends here */


@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 only screen and (max-width:1400px){
.mobile-port-sml { width: 79%;}
.data-case-sml { width: 71%;}
.data-case-sml h3 {line-height: 25px; padding: 0px 0px 0px 0px;}
}







@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;}
}









@media only screen and (max-width:1024px){
span.roll { height: 300px;}
.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: 359px !important;}
.without-login { min-width: 320px !important;}
}







@media (min-width:851px) and (max-width:991px) {
.menu li a { padding: 20px 0px;}
.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;}
.container { width: 780px;}
span.roll { height: 242px;}
.our-work-box .carousel-control { width: 9%;}
.slider-port { height: 734px;}
.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;}
.holiday-list h2 { font-size: 18px;}
.reponsive-window { width: 42%;}
.without-login { width: 32.5% !important;}
}






@media only screen and (max-width:850px){
.menu li a { padding: 20px 0px;}
span.roll { height: 233px;}
.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 4 px; 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;}
.we-deliver-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;}
.reponsive-window { width: 42%;}
.without-login { width: 39.5% !important;}
}



@media only screen and (max-width:769px){
.reponsive-window {width: 46%;}
}



@media only screen and (max-width:768px){
span.roll { height: 232px;}
.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;}
.data-case-sml figure img{ width: 100%;}
.our-work-box .carousel-control { width: 9.9%;}
.weback-img { left: 153px; top: -50px; width: 49%;}
.clock_1 { width: 24% !important;}
.clock_2 { width: 24% !important;}
.clock { width: 43% !important;}
.slider-port { height: 703px;}
.panel-footer { width: 357px !important; }
.msg_container_base { height: 700px !important;}
}








@media only screen and (max-width:641px){
span.roll { height: 199px; }
.view-project {margin: 145px 0px 0px 20px; width: 277px; font-size: 17px;}
.our-work-box .carousel-control { width: 11%;}
.slider-port { height: 610px;}
.subscriptionbox .labelname { width: 100%;}
.subscriptionbox .labelemail { width: 100%;}
.color-month {  background-position: 3px 36px;}
.calendar td { width: 46px !important; }
.holiday-list h2 { font-size: 18px;}
.reponsive-window { width: 55%;}
}






@media only screen and (max-width:640px){
span.roll { height: 198px; width: 49.3%;}
.view-project { margin: 150px 0px 0px 19px; width: 280px; font-size: 15px;}
.menu li a { padding: 7px 17px;}
.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-link{text-transform: uppercase !important;
color: #fff !important;
padding: 7px 17px !important;
font-size: 14px !important;}
.our-work-link li {width: 135px;}
ul.sub-menu { box-shadow: none; top: 0px !important; margin-left: 0px;}
.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;}
.our-work-box .carousel-control { width: 11%;}
.slider-port { height: 610px;}
.our-work-box .carousel-control.left { margin-left: 1.7%;}
.menu li a.active_menu { padding: 7px 17px;}
.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;}
.top-bar { min-width: 274px !important;}
.top-bar { min-width: 352px !important;}
}







@media only screen and (max-width:569px){
span.roll { height: 176px; }
.view-project { width: 241px; margin: 125px 0px 0px 19px;}
.slider-port { height: 542px;}
.our-work-box .carousel-control { width: 12%;}
.calendar td { width: 41px !important;}
.reponsive-window {width: 62%;}
.without-login { width: 46% !important;}
.top-bar { min-width: 353px !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: 176px; }
.data-case-sml { margin-top: 23px;}
.mobile-port figure { margin: 65px 37px 58px 25px;}
#footer_start { margin-top: 0px;}
.our-work-box .carousel-control { width: 12%;}
.slider-port { height: 540px;}
.subscribe-title { padding: 3px;}
}





@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%;}
.slider-port {height: 456px;}
.mobile-port figure { margin: 65px 0px 58px 22px;}
.data-case-sml figure { margin-left: 12%;}
.reponsive-window { width: 73%;}
.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;}
}






@media only screen and (max-width:480px){
.work-box { width: 49.7%;}
span.roll { height: 148px; width: 49.2%;}
.view-project { margin: 101px 0px 0px 33px; width: 180px;}
.mobile-port figure { margin: 64px 0px 58px 24px;}
.our-work-box .carousel-control { width: 14%;}
.slider-port { height: 458px;}
.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;}
.chat-window .btn-primary { padding: 2px 10px;}
.chat-team { margin-top: 6px !important; padding: 3px 3px 3px !important;}
.chat-team h2 {line-height: 14px !important;}
}



@media only screen and (max-width:375px){
.top-bar { min-width: 300px !important;}
.reponsive-window { width: 80%;}
.without-login { min-width: 270px !important;}
}


@media only screen and (max-width:364px){
.work-box { width: 49.7%;}
.view-project { margin: 50px 0px 0px 33px;}
span.roll { height: 112px;width: 49.1%;}
.view-project { margin: 71px 0px 0px 13px; font-size: 13px; width: 150px;}
.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%; width: 31%;}
.slider-port {  height: 349px;}
.reponsive-window { width: 82%;}
.without-login { width: 76.6% !important;}
}


@media only screen and (max-width:360px){
.without-login {
    min-width: 264px !important;
}
}

@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: 181px; width: 96%;}
.view-project {margin: 130px 0px 0px 33px; font-size: 15px; width: 230px;}
.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 { width: 28%;}
.footer_section h3 { font-size: 11px !important;}
.slider-port { height: auto;}
.our-work-box .carousel-control.left { margin-left: 3%;}
.reponsive-window { width: 91%;}
}