/*** ios new ***/
 .iospara {
     color: #1a2e46;
     font-size: 16px;
     font-family: 'Open-Sans-Bold';
}
 .ser_in_title {
     margin-bottom: 13px !important;
     position: relative;
     padding: 0px 1px 5px 5px;
}
 #why-choose-ios {
     background-image: url("../images/ios-new/Bg.jpg");
    /* background-color:#fff;
    */
     background-repeat:no-repeat;
     background-size:cover;
     height:570px;
     width:100%;
}
 #belowtab{
    background-image: url("../images/ios-new/backimg.png");
    background-repeat: no-repeat;
    width:100%;
    height:411px;
    background-size: cover;
    position: relative;
}
 #advance{
    position: relative;
 margin-bottom: 50px;
}
.mobilemod {
    margin:0% auto 0%;
}
 .iospara{
 color: #182E43 !important;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 30px;
    width: 60%;
    margin: 0 auto;
}
 .colzero{
    padding-left:0px;
}
 body {
     background-color: #f7f7f7;
    overflow-x:hidden;
}

a.about-product-btn.btn.btn-primary:before {
    border-left: 40px solid #f7f7f7;
}
a.about-product-btn.btn.btn-primary:after {
    border-left: 40px solid #f7f7f7;
}

.col-md-12.text-center.below_Text p {
    width: 70%;
    margin: 0 auto;
	    display: inline-block;
}

.col-md-12.text-center.below_Text {
    float: left;
    width: 100%;
}
 .smallboxmodal3{
    background-color:#143e89;
    width:70px;
    height:65px;
    padding:16px;
}
 .smallboxmodal{
    background-color:#2c65cc;
    width:70px;
    height:65px;
    padding:16px;
}
 .smallboxmodal2{
    background-color:#1fa3e3;
    width:360px;
    height:65px;
    padding:10px;
}
 .smallboxmodal4{
    background-color:#0776ac;
    width:360px;
    height:65px;
    padding:10px;
}
#choose {
    padding: 40px 0px;
    float: left;
    width: 100%;
}
 .boxpara{
    color:#fff !important;
    line-height: 20px;
}
 .conatctbtn{
    margin:28px auto;
}
 .titlebar{
    position: absolute;
    left:0px;
    right:0px;
}
 .belowpara{
    padding-top:55px;
}
 .controller{
    margin-top:30px;
}
 #twoway {
    margin-top: 60px;
    background-image:url('../images/ios-new/boxmodal.png');
    background-repeat: no-repeat;
    width:100%;
    height:500px;
    background-size: cover;
    position: relative;
    bottom: 20px;
	background-position: center;
}
 .middlepara{
    margin-top: 13%;
    margin-left:0%;
    text-align: center;
}
 .spaces42{
    height:42px;
}
 .paddingtop{
    padding-top:116px;
}
 .spaces30{
    padding-top:30px;
}
 .spaces20{
    padding-top:20px;
}
 .space60{
    padding-top:31%;
}
 .space03{
    padding-top:3%;
}
 .space04{
    padding-top:4%;
}
 .ios{
    padding-top:25px;
}
 .space55{
    padding-top:5.5%;
}
 .spaces75{
    padding-top:18%;
}
 .media-heading{
    font-weight:bold;
}
 .bluebox{
    border-radius:10px;
    background:linear-gradient(60deg, #40AFDC, #09EEF4);
    width:235px;
    min-height:258px;
    position: relative;
    top: 134px;
}
 .yellowbox{
    border-radius:10px;
    background:linear-gradient(60deg, #F2B31A, #FFD660);
    width:235px;
    min-height:258px;
    position: relative;
    top: 167px;
}
 .greenbox{
    border-radius:10px;
    background:linear-gradient(60deg, #32B265, #28F085);
    width:235px;
    min-height:258px;
    position: relative;
    top: 110px;
    right: 30px;
}
 .purplebox{
    border-radius:10px;
    background:linear-gradient(60deg, #8060cf, #B37AEB);
    width:235px;
    min-height:258px;
    position: relative;
    top: 80px;
    right: 30px;
}
 .bluebox > img {
    padding-top:45px;
    padding-left:26px;
}
 .yellowbox > img {
    padding-top:45px;
    padding-left:26px;
}
 .greenbox > img {
    padding-top:45px;
    padding-left:26px;
}
 .purplebox > img {
    padding-top:45px;
    padding-left:26px;
}
 .boxheading{
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 28px;
}
 .boxparas{
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
    padding-left: 30px;
}
 .media-body > p {
    line-height:20px;
}
 .ser_in_title h4 {
    font-size: 25px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    margin-bottom: 0px;
	    display: inline-block;
    position: relative;
    text-align: center;
}

.overall_choose_wrap_in .ser_in_title {
    text-align: center;
}
 .ser_in_title h4:before {
box-sizing: border-box;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: -5px;
    left: -5px;
    right: auto;
    width: 50px;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transition: .1s transform linear, .1s height linear .1s;
    -webkit-transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    height: 30px;
    border-color: #26b3fb;
}
 .ser_in_title h1 {
    font-size: 25px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    margin-bottom: 0px;
     display: inline-block;
	 position:relative;
}
 .ser_in_title h1:before {
      box-sizing: border-box;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: -5px;
    left: -5%;
    right: auto;
    width: 50px;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transition: .1s transform linear, .1s height linear .1s;
    -webkit-transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    height: 30px;
    border-color: #26b3fb;
}

.ser_in_title h3:before{

      box-sizing: border-box;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: -5px;
    left: -2%;
    right: auto;
    width: 50px;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transition: .1s transform linear, .1s height linear .1s;
    -webkit-transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    height: 30px;
    border-color: #26b3fb;
	}
.ser_in_title h3 {
    position: relative;
}

 .ser_in_title h5 {
    font-size: 25px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    margin-bottom: 0px;
	position: relative;
    display: inline-block;
}
 .ser_in_title h5:before {
    box-sizing: border-box;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: -5px;
    left: -10px;
    right: auto;
    width: 50px;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transition: .1s transform linear, .1s height linear .1s;
    -webkit-transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    height: 30px;
    border-color: #26b3fb;
}
 .ser_in_title h6 {
    font-size: 25px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    margin-bottom: 0px;
	position: relative;
    display: inline-block;
}
 .ser_in_title h6:before {
    box-sizing: border-box;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: -5px;
    left: -10px;
    right: auto;
    width: 50px;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transition: .1s transform linear, .1s height linear .1s;
    -webkit-transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    height: 30px;
    border-color: #26b3fb;
}
 .ser_in_title h2 {
    font-size: 25px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    margin-bottom: 0px;
	position: relative;
    display: inline-block;
}
 .ser_in_title h2:before {
    box-sizing: border-box;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: -5px;
    left: -10px;
    right: auto;
    width: 50px;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transition: .1s transform linear, .1s height linear .1s;
    -webkit-transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    height: 30px;
    border-color: #26b3fb;
}
 @media only screen and (max-width: 767px){


    .about_cabily_btn {
    margin-bottom: 20px;
}
.ios_app_btn {
    margin-bottom: 20px;
}
 .overall_buttons {
    float: left;
    width: 100%;
    text-align: center;
}

 .enterprise .padd_div.left_side_cab {
    padding: 15px!important;
}
 
 .image_mob img {
    margin: 0 auto;
    margin-left: 45%;
}

 .overall_about_cabily_wrap .padd_div {
    padding: 0;
    margin-top: 20px;
}

     .ser_in_title h4{
        font-size:20px;
    }

	.ser_in_title h1 {
    font-size: 18px;
	}
     .titlebar{
        position: static;
    }


     #twoway{
        background-image:none;
    }
     #belowtab{
        background-image: none;
        height:170px !important;
    }
     #why-choose-ios{
        background-image: none;
    }
     .iospara{
        line-height: 25px;
		    width: 100%;    font-size: 15px!important;
    }
	
	.bottom_wrapz h4 {
    float: left;
    width: 100%;
    font-size: 18px;
	}
	
	.bottom_wrapz p {
    line-height: 25px;
}
	.col-md-12.text-center.below_Text p {
    width: 80%;
    margin: 0 auto;
    display: inline-block;
}
}
 @media only screen and (max-width: 900px){
     #why-choose-ios {
        height:auto;
    }
     .smallboxmodal,.smallboxmodal2,.smallboxmodal3,.smallboxmodal4{
        width:100%;
    }
     #belowtab{
        height:251px;
    }
     .soft_inner_contain{
        width:100% !important;
    }
     .boxpara{
        font-size:12px !important;
    }
     .bluebox,.purplebox,.yellowbox,.greenbox {
        position: static;
        width:100%;
    }
     #twoway{
        height:auto;
    }
     .soft_inner_contain{
        width:100%;
    }
     .space60{
        padding-top:4%;
    }
     .mobilemod{
        margin-left:15px;
    }
     .colten{
        padding-left:15px;
    }
     .paddingzero{
        padding-left:0px;
        padding-right: 4px;
        padding-bottom: 4px;
    }
     .smallboxmodal > img {
        margin:0px 20%;
    }
     .smallboxmodal3 >img {
        margin: 0px 20%;
    }
     .belowpara{
        padding-top:0px;
    }
  
     #advance{
        position: static;
    }
     #twoway{
        position: static;
    }
     #belowtab {
        position: static;
    }
     .leftimg{
        margin:0px auto;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     #twoway{
        height:auto;
    }
     .titlebar{
        position: static;
    }
     .middlepara{
        margin-top:0%;
    }
    
     #twoway{
        height:auto;
		    background-size: auto;
        /* background-image:none; */
    }
     .bluebox,.yellowbox,.greenbox,.purplebox{
        width:90%;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     .mobilemod{
        margin-left:23%
    }
     #twoway{
        height:auto;
        background-image:none;
    }
     .titlebar{
        position: static;
    }
     .middlepara {
        margin-top: 10% !important;
    }
}
/*--------------5/4/18---------------*/
 section.service_header.ios_app_banner {
     position: relative;
}

 .caption_text h4 {
     font-family: 'Open-Sans-Bold';
     color: #fff;
     font-size: 35px;
	 float: left;
    width: 100%;
}
 .caption_text p {
     font-family: 'Open-Sans-Bold';
     color: #fff;
     font-size: 18px;
     line-height: 38px;
	 float: left;
    width: 100%;
	text-align: justify;
}

.ios_logo {
    width:  80%;
    margin:  0 auto;
    text-align:  center;
    float:  left;
}

.ios_logo img.img-responsive {
    margin:  0 auto;
    margin-bottom:  10px;
}


section.why-choose-ios {
    background-image: url(../images/ios-new/Bg.jpg);
    /* background-color: #fff; */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px 0px 0px;
    float: left;
    width: 100%;
}

section#what-ios {
    padding: 40px 0px;
    margin-top: 0!important;
    float: left;
    width: 100%;
    max-width: inherit!important;
}
.overall_choose_div .ser_in_title h3 {
    margin-bottom: 15px;
	margin-top: 5%;
    float: left;
    width: 100%;
}

.overall_choose_div .choose_cat_wrap span.img_divs {
    float:  left;
    width: 20%;
}.choose_cat_wrap {
    float: left;
    width: 100%;
    padding: 60px 0px 40px 0px;
}
.inner_choose_div {
    padding: 0;    margin-bottom: 25px;
	
}

.overall_choose_div .choose_cat_wrap span.content_divs p {
color: #06223e;
    font-family: 'OpenSans';
    font-size: 13px;
    line-height: 24px;
    padding-right: 15px;
}

section.about_cabily_wrap {
    padding: 0;	
}


.overall_about_cabily_wrap .padd_div {
    padding: 0;
}

.padd_div.right_side_cab {
    background-image: url(../images/ios-new/right_side_bg_img.png);
	    background-repeat: no-repeat;
    background-size: cover;
}

.padd_div.right_side_cab img.img-responsive {
    margin: 10% auto;
}

.padd_div.left_side_cab {
    padding: 5%;
    margin-top: 7%;
}

.padd_div.left_side_cab h5.titlebar {
    margin-bottom: 25px;
}

.padd_div.left_side_cab p {
    color: #06223e;
    font-size: 14px;
    width: 100%;
    float: left;
	    line-height: 30px;
		text-align: justify;
}

.get_our_app_wrap {
    float: left;
    width: 100%;
    margin-top: 20px;
}


.get_our_app_wrap h1 {
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
}

.get_our_app_wrap img.img-responsive {
    float: left;
    margin-right: 10px;
}

.bottom_section_add .soft_inner_contain.service_in_get_start {
    margin-top: 50px;
    margin-bottom: 70px;
    width: 80%;
    margin: 0 auto;
    float: none;
}

.bottom_section_add .ser_in_title {
    position: relative;
    display: inline-block;
}
section.new.nodejs-hide-cnt.php-hide-cnt.bottom_section_add {
    padding: 0;
}
#what-ios .ser_in_title h1:before {
    left: -2%;
}
.overall_choose_div .choose_cat_wrap span.content_divs {
    float:  left;
    width:  75%;
}

.overall_choose_div .choose_cat_wrap span.content_divs h4 {
    margin: 0;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    font-size: 18px; 
    margin-bottom: 5px;
	    width: 90%;
    line-height: 31px;
}
.left_side_why {
    padding-left: 5%;
}


section {
    float: left;
    width: 100%;
    padding: 40px 0px;
}


.overall_choose_wrap_in {
    float: none;
    width: 75%;
    margin: 0 auto;
}

.overall_choose_wrap_in p {
    text-align: center;
    width: 60%;
    margin: 0 auto;
	margin-bottom: 20px;
}

section.technology_stack_wrap {
    background-color: #1a2e46;    z-index: 9;
}

section.technology_stack_wrap .ser_in_title {
    text-align: center;
    color: #fff;
}

section.technology_stack_wrap .ser_in_title h5.titlebar {
    color: #fff;
    margin-bottom: 25px;
}

section.technology_stack_wrap .ser_in_title p {
    color: #fff;
    width:60%;
	margin:0 auto;
	margin-bottom:20px;
}

section.technology_stack_wrap.service_industries .ser_in_title p {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 16px;
}

.overall_choose_div .col-lg-4.col-md-4.col-sm-4.col-xs-12 img {
    margin-top: 30%;
}

.technology_used_stack_wrap {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.technology_used_stack_wrap .col-lg-3 h4 {
    color: #fff!important;
    opacity: 0.7;
}

.technology_used_stack_wrap .col-lg-3 h5 {
    color: #fff!important;
}

.technology_used_stack_wrap .col-lg-3 {
    margin-bottom: 35px;
	    position: relative;
}

.tech_img {
    min-height: 60px;
}

.technology_used_stack_wrap .col-lg-3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 66px;
    transform: translateY(-50%);
}

.technology_used_stack_wrap .col-lg-3:first-child:before {
    background: #14CB96;
}

.technology_used_stack_wrap .col-lg-3:nth-child(2):before {
    background: #4CC6EB;
}
.technology_used_stack_wrap .col-lg-3:nth-child(3):before {
    background: #13DCCB;
}
.technology_used_stack_wrap .col-lg-3:nth-child(4):before {
    background: #FBB609;
}
.technology_used_stack_wrap .col-lg-3:nth-child(5):before {
    background: #FE6502;
}
.technology_used_stack_wrap .col-lg-3:nth-child(6):before {
    background: #13DCCB;
}

.technology_used_stack_wrap .col-lg-3:nth-child(7):before {
    background: #FEC403;
}
.technology_used_stack_wrap .col-lg-3:nth-child(8):before {
    background: #8DC701;
}

section.service_header.ios_app_banner {
background-image: url(../images/ios-new/iosbanner.jpg);
    position: relative;
    padding: 0;
    padding: 15px 0px 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.caption_text .left_side_text {
    margin-top:8%;
	    z-index: 1;
}

.banner_phones img {
    margin: 0 auto;
}


.top_divs {
    position: absolute;
    top: 0;
    left: 0;
}

.top_divs_bot {
    position: absolute;
    bottom: 0;
    left: 0;
}
.overall_ios_divs {
    float: none;
    width: 60%;
    margin: 30px auto;
}.overall_ios_divs img {
    width: 100%;
}

.overall_choose_wrap_in p.boxpara {
    width: 100%;
    float: left;
}


.overall_ios_divs1 {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.overall_slide_design {
    float:  left;
    width:  100%;
}

.top_image_div {
    float:  left;
    width:  100%;
    text-align:  center;
	    margin-bottom: 50px;
}

.top_image_div img {
    margin:  0 auto;
}

.bottom_wrapz {
    float:  left;
    width:  100%;
    text-align: center;
}

.bottom_wrapz h4 {
    float:  left;
    width:  100%;
    font-size: 20px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
}

.bottom_wrapz p {
    float: none;
    margin: 0 auto;
    width: 85%;
}

.slider_tops div#myCarousel {
position: absolute;
    top: 10px;
    left: 17px;
    width: 88%;
    height: 92%;
    overflow: hidden;
}

.animation_divs img {
    transition: all ease-out 2s;
}
.slider_tops div#myCarousel .item img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.slider_tops {
    position: relative;
    display: inline-block;
}

section.technology_stack_wrap.service_industries .col-lg-3:before {
content:none;
}

section.technology_stack_wrap.service_industries .col-lg-3 h4 {
    opacity: 1;
    text-transform: uppercase;
    font-family: 'Open-Sans-Bold';
    font-size: 20px;
	margin-top: 20px;
}

.service_industries .technology_used_stack_wrap .col-lg-3 h5 {
    color: #fff!important;
    font-family: 'OpenSans';
    font-size: 14px;
    width:80%;
    margin: 0 auto;
    line-height: 30px;
}

.service_industries .technology_used_stack_wrap .col-lg-3 {
    margin-bottom: 50px;
    position: relative;
	    min-height: 210px;
}

.service_industries .technology_used_stack_wrap {
    width: 90%;
    margin: 15px auto;
    text-align: center;
    /* display: inline-block; */
}
.service_industries .tech_img {
    min-height: 60px;
    display: inline-block;
    position: relative;
}

.service_industries .tech_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-color: #ffffff30;
    z-index: 0;
	-webkit-animation: shaker2 2.0s cubic-bezier(0.63, 0.42, 1, 1) infinite;
    animation: shaker2 2.0s cubic-bezier(0.63, 0.42, 1, 1) infinite;
	border-radius: 50%;
}

.row.mobile_responsive_divs {
    display: none;
}



.desktop_divs {
    float:  left;
    width:  100%;
}

.desktop_divs img {
    margin:  0 auto;
}

@-webkit-keyframes shaker2 {
	 0%  {top: 0px; left:0px;width:80px;height:80px;}
	25%   {top: -5px; left:-5px;width:90px;height:90px;}
	50%    {top: -10px; left:-10px;width:100px;height:100px;}
	75%     {top: -5px; left:-5px;width:90px;height:90px;}
    100%   {top: 0px; left:0px;width:80px;height:80px;}
}

@keyframes shaker2 {
	 0%  {top: 0px; left:0px;width:80px;height:80px;}
	25%   {top: -5px; left:-5px;width:90px;height:90px;}
	50%    {top: -10px; left:-10px;width:100px;height:100px;}
	75%     {top: -5px; left:-5px;width:90px;height:90px;}
    100%   {top: 0px; left:0px;width:80px;height:80px;}
}

.tech_img img {
    position: relative;
    z-index: 1;
}

	

@media only screen and (min-width: 1024px) and (max-width: 1200px)
{

.code_type_wrap pre#demo1 {
    width: 325px!important;
}

section.content_add_section.new_bg .inner_des_wraps {
    min-height: 235px!important;
	}

div.img_case_wrap .inner_case_wrap {
    height: auto;
}

.overall_ios_divs1 .col-md-4.col-sm-4.col-xs-12:nth-child(2) {
    padding: 0;
}

.row.mobile_responsive_divs1 div {
    float: left;
    display: block;
    margin-bottom: -55px;
    width: 49%;
}

.first_img img {
    float: right;
}

.ser_in_title h2 {
    font-size: 20px;
	}
	.overall_choose_wrap_in {
    float: none;
    width: 90%;
    margin: 0 auto;
}

.service_industries .technology_used_stack_wrap .col-lg-3 h5 {
    width: 100%;
}

section.technology_stack_wrap.service_industries .col-lg-3 h4 {
    font-size: 18px;
    margin-top: 20px;
}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1023px)
{

.custom-ios-app img {
    width: auto;
    max-width: 50%;
    margin: 0 auto;
}
div.bg_img {
    min-height: 285px;
}
section.content_add_section.new_bg .inner_des_wraps {
    min-height: 270px!important;
}

div.new_bot_content h3 {
    float: left;
    width: 100%;
    font-size: 15px;
	}
.one_section_wrap p {
    text-transform: uppercase;
    font-family: 'Open-Sans-Bold';
    font-size: 15px!important;
	}
.code_type_wrap pre#demo1 {
    width: auto;
}

.banner_phones {
    z-index: 9;
}

.row.mobile_responsive_divs1 div {
    float: left;
    display: block;
    margin-bottom: -55px;
    width: 49%;
}

.first_img img {
    float: right;
}


.top_image_div.center_imgs img {
    width: 100%;
    min-height: 380px;
}
.bottom_wrapz p {
    float: left;
    margin: 0 auto;
    width: 100%;
}
.bottom_wrapz h4 {
    float: left;
    width: 100%;
    font-size: 18px;
	}
	.service_industries .technology_used_stack_wrap .col-lg-3 h5 {
    width: 100%;
	}
	.service_industries .technology_used_stack_wrap .col-lg-3 {
    min-height: 200px;
}

.caption_text h4 {
    font-family: 'Open-Sans-Bold';
    color: #fff;
    font-size: 25px;
    float: left;
    width: 100%;
}

.caption_text p {
font-family: 'Open-Sans-Bold';
    color: #fff;
    font-size: 14px;
    width: 90%;
    line-height: 22px;
}
.ser_in_title h1 {
    font-size: 20px!important;
	}
.iospara {
    width: 85%;
    font-size: 15px!important;
    margin: 0 auto;
}
.overall_ios_divs img {
    width: 100%;
    margin: -0;
}

.overall_ios_divs {
    float: none;
    width: 80%;
    margin: 30px auto;
}
.overall_choose_wrap_in p {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.social_link .footer_container  .social_link_title {
    font-size: 12px !important;
}
.social_link .footer_container {
    padding: 20px 2px!important;
}

.mobilemod {
    margin-left: 0px;
    margin: 2% auto;
	    max-width: 50%;
}

.overall_about_cabily_wrap .padd_div {
    margin-top: 20px;
	    padding: 20px!important;
}
	section.why-choose-ios {
    background-image: none!important;
}
.left_side_why {
    padding-left: 5%;
}

.overall_choose_div .choose_cat_wrap span.img_divs {
    float: left;
    width: 10%;
}

.overall_choose_div .choose_cat_wrap span.content_divs {
    float: left;
    width: 85%;
}

	}
	
	
	section#tabimages {
    background-color: #fff;
}

	
	@media only screen and (max-width: 767px){
	
	section.content_add_section.clor_bg .inner_des_wraps {
    min-height: auto!important;
}
div.bg_img h3 {
    min-height: auto;
}

section.content_add_section.new_bg .top_icon_new {
    float: left;
    width: 100%!important;
    height: auto!important;
    padding: 0;
    line-height: initial!important;
    padding-top: 10px!important;
}

section.content_add_section.new_bg .new_bot_content {
    float: left!important;
    width: 100%!important;
    text-align: center!important;
    padding: 10px;
}
section.content_add_section.new_bg .new_bot_content h3:before {
    margin: 0 auto!important;
	}
	
	div.bg_img {
    min-height: auto;
	    margin-top: 5%;
}

div.inner_des_wraps {
    min-height: auto;
	}
	div.new_bot_content h3 {
    min-height: auto;
	}


.left_side_case_study  p.uride_content_wrap {
    float: left;
    font-size: 15px;
    line-height: 30px;
    color: #1a2e46;
    padding-top: 30px;
    width: 100%;
    margin-bottom: 25px;
}
div.bottom_div .inner_case_wrap.small_space img.img-responsive {
    width: 100%;
}




	#tabimages .row.mobile_responsive_divs1 div.overall_tab .one_section_wrap {
    float: left;
    width: 100%!important;
}
#tabimages  .row.mobile_responsive_divs1 div.overall_tab .one_section_wrap .top_imge_wrap img.img-repsonsive {
    width: auto;
}

#tabimages .one_section_wrap p {
    font-size: 15px;
	    width: 100%;
}
#tabimages .row.mobile_responsive_divs1 div.overall_tab .one_section_wrap .top_imge_wrap {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
	.code_type_wrap pre#demo1 {
    width: auto!important;
    margin: 0 auto;}
.code_type_wrap pre {
    font-size: 9px;
    color: #fff;
}

	.row.mobile_responsive_divs1 div {
    float: left;
    display: block;
    margin-bottom: 20px!important;
    width: 100%;
}

	.desktop_divs {
    display: none;
}
.row.mobile_responsive_divs {
    display: block!important;
}
	
	.overall_choose_div .choose_cat_wrap span.content_divs h4 {
    font-size: 15px;
    width: 100%;
}
	.ser_in_title h3 {
    font-size: 18px!important;
	}
		section.why-choose-ios {
    background-image: none!important;
}
.left_side_why {
    padding-left: 5%;
}
	.ser_in_title h5 {
    font-size: 18px;
	}
	.mobilemod {
    margin-left: 0;
    margin: 2% auto;
}
.why-choose-ios .mobilemod {
    margin-left: 0;
    margin: 2% auto;
    max-width: 50%;
}
.custom-ios-app img {
    width: auto;
    max-width: 50%;
    margin: 0 auto;
}

	#tabimages .col-md-4.col-sm-4 {
    margin-bottom: 20px;
}

section.why-choose-ios {
    background-color: #f7f7f7!important;
    background-image: none!important;
}
.caption_text h4 {
    font-family: 'Open-Sans-Bold';
    color: #fff;
    font-size: 20px;
	    text-align: center;
}

.animation_divs {
    display: none;
}
.ios_logo {
    width: 100%;
}
.overall_slide_design {
    margin-bottom: 20px;
}

.top_image_div {
    margin-bottom: 30px;
}

.service_industries .technology_used_stack_wrap .col-lg-3 h5 {
    width: 100%;
    padding: 0;
	line-height: 25px;
	    font-size: 13px;
}

section.technology_stack_wrap.service_industries .col-lg-3 h4 {
    font-size: 16px;
    margin-top: 20px;
}

.banner_phones img {
    margin: 0 auto;
    display: none;
}
.caption_text p {
    display: none;
	}
	.overall_ios_divs {
    float: left;
    width: 100%;
    margin: 30px auto;
}

.service_header>img {
    width: 100%;
    height: 250px!important;
}
}

	@media only screen and (max-width: 567px){
	
		.img_case_wrap .inner_case_wrap {

    float: left;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
}
div.img_case_wrap .inner_case_wrap img.img-responsive {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}
	.right_side_case_study img.img-responsive {
    max-width: 50%;
}

	
	.padd_div.left_side_cab p {
    color: #06223e;
    font-size: 14px;
    width: 100%;
    float: left;
    line-height: 30px;
}

	.service_industries .technology_used_stack_wrap .col-lg-3 {
    margin-bottom: 30px;
    position: relative;
    min-height: auto;
	    padding: 0;
}

.ser_in_title h1 {
    font-size: 15px;
}
#what-ios .col-md-12 {
    padding: 0;
}
.iospara {
    line-height: 25px;
    width: 100%;
    font-size: 13px!important;
}

.overall_choose_div p {
    font-size: 13px!important;
	padding-right: 0;
	    text-align: justify;
}
.top_image_div img {
    margin: 0 auto;
    width: 100%;
}
section.technology_stack_wrap.service_industries .col-lg-3 h4 {
    font-size: 15px;
    margin-top: 20px;
}


.bottom_wrapz p {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.overall_ios_divs .col-md-4.col-sm-4.col-xs-4 {
    width: 100%;
    margin: 0 auto;
	text-align:center;
}

.overall_ios_divs .col-md-4.col-sm-4.col-xs-4 img {
    width: auto!important;
    margin: 0 auto;
    float: none;
}

.col-md-12.text-center.below_Text p {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.overall_choose_wrap_in {
    float: none;
    width: 100%;
    margin: 0 auto;
}
.ser_in_title h4 {
    font-size: 18px;
}
.overall_choose_wrap_in p {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
	    font-size: 14px;
}
.overall_choose_wrap_in .paddingzero {
    width: 100%;
    text-align: center;
}
.col-md-8.col-xs-8.colten.paddingzero {
    padding-bottom: 0;
}

.technology_used_stack_wrap .col-lg-3 {
    margin-bottom: 35px;
    position: relative;
    width: 100%;
}
}


.row.mobile_responsive_divs1 div {
    float: none;
    display: inline-block;
	    margin-bottom: -10px;
}

.row.mobile_responsive_divs1 {
    float: none;
    width: 90%;
    margin: 0 auto;
	    z-index: -9;
}

section.new.nodejs-hide-cnt .tab-cnt {
    display: inline-block;
/*     border-bottom: 1px solid #fff; */
}


.left_side_right{
	padding:0px;
}


.row.mobile_responsive_divs1 div.overall_tab {
    float: left;
    width: 100%;
}

.row.mobile_responsive_divs1 div.overall_tab .one_section_wrap {
    float: left;
    width: 20%!important;
}

.row.mobile_responsive_divs1 div.overall_tab .one_section_wrap .top_imge_wrap {
    float: none;
    width: 90%;
    margin: 0 auto;
}

.one_section_wrap p {
    text-transform: uppercase;
    font-family: 'Open-Sans-Bold';
    font-size: 20px;
    float: left;
    width:90%;
    text-align: center;
	    margin-top: 10px;
}

.row.mobile_responsive_divs1 div.overall_tab .one_section_wrap .top_imge_wrap img.img-repsonsive {
    width: 100%;
}


.overall_slide_design .slider_tops .item{
	left: -2px;
	top:28px;
}


/*----------casestudy--------*/
section.case_study_wrap {
    float: left;
    width: 100%;
    background: #252024;
    padding: 30px 0px;
    padding-bottom: 0;}

	.banner_cube_button.android_cube {
    padding-top:  10px;
}

.banner_cube_button.android_cube .cube {
    margin-bottom:  0;
}

.top_logo_wrap {
    float: left;
    width: 100%;
}

.inner_overall_wrap {
    float:  left;
    width:  100%;
}

.inner_overall_wrap .left_side_case_study {
    padding-left: 5%;
	padding-top: 20px;
	    height: auto;
}

.case_study_logo {
    float: left;
    margin-right: 25px;
}

.case_study_logo_name {
    float: left;
    font-size: 35px;
    line-height: 30px;
    color: #1a2e46;
    padding-top: 20px;
}
p.uride_content_wrap {
    float: left;
    font-size: 19px;
    line-height: 30px;
    color: #1a2e46;
    padding-top: 30px;
    width: 100%;
	    margin-bottom: 40px;
}

.category_wrap {
    float: left;
    width: 100%;
    padding: 30px 0px;
}

.category_wrap .inner_cat_wrap {
    float: left;
    width: 50%;
}

.category_wrap .inner_cat_wrap span.left_side_img {
    float: left;
    width: 20%;
}

.category_wrap .inner_cat_wrap span.right_side_content {
    float: left;
    width: 80%;
}

span.right_side_content h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    margin: 0;
    float: left;
    width: 100%;
}

span.right_side_content p {
    float: left;
    font-size: 18px;
    line-height: 30px;
    color: #1a2e46;
    padding-top: 0;
    width: 100%;
}

span.left_side_img img {
    margin: 0 auto;
}

.img_case_wrap {
    float: left;
    width: 100%;
    padding-bottom: 23px;
}

.img_case_wrap .inner_case_wrap {
    float: left;
    width: 50%;
    height: 220px;
    overflow: hidden;
}


.car_image_mob {
    position: absolute;
    bottom: 0;
    left:10%;
}

.image_mob img {
    margin: 0 auto;
	    margin-left: 40%;
}

.right_side_case_study {
    margin-top: 5%;
	
}
/*------color_change---*/


.black_color .case_study_logo_name {
    color: #fff;
}
.black_color p.uride_content_wrap {
    color: #fff;
	}
	
	 .black_color span.right_side_content h4 {
    color: #fff;
	}
	 .black_color span.right_side_content p {
    color: #fff;
	}
	
	
	.bottom_div {
    float:  left;
    width:  100%;
	    margin-top: 15px;
}

.bottom_div .inner_case_wrap.big_space {
    float:  left;
    width: 65%;
}

.bottom_div .inner_case_wrap.small_space {
    float:  left;
    width:  35%;
}

.bottom_div .inner_case_wrap.small_space img.img-responsive {
    width: 93%;
}

.img_case_wrap .inner_case_wrap img.img-responsive {
    max-width: 95%;
    width: 95%;
}


.custom-ios-app img{
	width:77%;
}


/*---26-04-2018------*/

section.about_cabily_wrap.enterprise{
	background-image: url(../images/ios-new/slide-bg-1.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}
.enterprise .ser_in_title h5{
	color: #ffffff;
}
.enterprise .padd_div.left_side_cab p{
	color: #ffffff;
}
.enterprise .padd_div.left_side_cab{
	padding-right: 7%;
	padding-left:0px;
	margin-top: 5%;
}
a.about-product-btn.btn.btn-primary{
	padding: 7px 30px;
}
.enterprise .custom-ios-app{
	padding-top:25px;
}




/*-----sec1----*/




.new_secone 

{
    float: left;
    width: 100%;
    background: white;
}



.bg_img {
    background-image:url(../images/ios-new/service-patren-bg.png);
    /* height: 364px; */
    border-radius: 5px;
    padding: 15px;
    text-align: center;
        margin-top: 10%;
             min-height: 340px;
      
}


.bg_img:hover {
    background: #003853;
    color: white;
    transition: all 0.9s;
}


.bg_img h3 {
     font-size: 17px;
    font-weight: bold;
    text-shadow: none;
    line-height: 22px;
}

.bg_img p {
    font-size: 13px;
}


.bg_img:hover img {
    transform: scale(1.1);
    transition: all 0.9s;
    /* box-shadow: 1px 1px 1px white; */
    /* border-radius: 50%; */
}



/*-----sec1----*/



/*---sec2---*/



/*----------new_section-----*/



section.content_add_section.clor_bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(103, 58, 183, 0.82);
}
section.content_add_section.clor_bg {
    float: left;
    width: 100%;
    padding: 40px 0px;
    background-color: #155CAB;
    margin-top: 20px;
	    background-image: url(../images/ios-new/bg2.jpg);
		position: relative;
}

.inner_des_wraps {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 10px;
 
    margin-bottom: 20px;
transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
        min-height: 370px;
}



.clor_bg .col-lg-3.col-md-3.col-sm-6.col-xs-12:hover .inner_des_wraps {
    background-color: #2b2f3e;
    transform: rotateY(360deg);
	 -webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
}
.top_icon_new {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 0 0px 0px;
}

section.content_add_section.clor_bg .inner_des_wraps {
    min-height: 420px;
}

.top_icon_new img{
margin:0 auto;
}

.new_bot_content {
    float: left;
    width: 100%;
    text-align: center;
}

.new_bot_content h3 {
    float: left;
    width: 100%;
    font-size: 18px;
}

.new_bot_content h3 {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #1a2e46;
    font-family: 'Open-Sans-Bold';
    text-transform: uppercase;
    line-height: 25px;
    min-height: 50px;
        position: relative;
}

section.content_add_section.new_bg {
    float: left;
    width: 100%;
    padding: 40px 0px;
        background-color: #f4f4f4;
}

section.content_add_section.new_bg .inner_des_wraps {
    min-height: auto;
    /* border: 1px solid #ddd; */
    box-shadow: 2px 2px 28px #ddd;
        padding: 0;
            position: relative;
            border-left: 3px solid #1a2e46;
}

section.content_add_section.new_bg .new_bot_content {
    float: left;
    width: 75%;
    text-align: left;
}
section.content_add_section.new_bg .top_icon_new {
    float: left;
    width: 25%;
    height: 180px;
    padding: 0;
    line-height: 180px;
    padding-top: 12%;
}

section.content_add_section.new_bg .new_bot_content h3:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    /* margin: 0 auto; */
    background-color: #1a2e46;
    height: 2px;
    width: 50px;
}

section.content_add_section.new_bg .inner_des_wraps .new_bot_content  h3 {
    min-height: auto!important;
}

.clor_bg .inner_des_wraps:hover h3{color:#fff;}

.clor_bg .inner_des_wraps:hover p{color:#fff;}


.xtras_one h2 {
    font-size: 23px;
}

.xtras_one {
    float: left;
    width: 100%;
    text-align: left;
}



/*---sec2---*/

.ser_in_title.about_mob_app {
    padding-top: 19px;
}
.dedicated-expert p {
    text-align: justify !important;
}

.overall_buttons {
    float: left;
    width: 100%;
}

.overall_buttons a {
    display: inline-block;
    color: #26b3fa!important;
    background-color: #ffffff;
    padding: 4px 20px;
    font-family: 'Open-Sans-Bold';
    text-transform: capitalize;
    font-size: 15px;
        margin: 0 5px;
	border-radius: 50px;
	cursor: pointer;
}

.overall_buttons a:hover{
 color: #ffffff!important;
    background-color: #26b3fa;
}