/* ==========================================

   FONTS

========================================== */

@font-face { font-family: 'muli'; src: url('../fonts/muli_webfont.eot'); src: url('../fonts/muli_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli_webfont.woff2') format('woff2'),  url('../fonts/muli_webfont.woff') format('woff'),  url('../fonts/muli_webfont.ttf') format('truetype'),  url('../fonts/muli_webfont.svg#muli') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'muliitalic'; src: url('../fonts/muli-italic_webfont.eot'); src: url('../fonts/muli-italic_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-italic_webfont.woff2') format('woff2'),  url('../fonts/muli-italic_webfont.woff') format('woff'),  url('../fonts/muli-italic_webfont.ttf') format('truetype'),  url('../fonts/muli-italic_webfont.svg#muliitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulibold'; src: url('../fonts/muli-bold_webfont.eot'); src: url('../fonts/muli-bold_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-bold_webfont.woff2') format('woff2'),  url('../fonts/muli-bold_webfont.woff') format('woff'),  url('../fonts/muli-bold_webfont.ttf') format('truetype'),  url('../fonts/muli-bold_webfont.svg#mulibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulibolditalic'; src: url('../fonts/muli-bolditalic_webfont.eot'); src: url('../fonts/muli-bolditalic_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-bolditalic_webfont.woff2') format('woff2'),  url('../fonts/muli-bolditalic_webfont.woff') format('woff'),  url('../fonts/muli-bolditalic_webfont.ttf') format('truetype'),  url('../fonts/muli-bolditalic_webfont.svg#mulibolditalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulilight'; src: url('../fonts/muli-light_webfont.eot'); src: url('../fonts/muli-light_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-light_webfont.woff2') format('woff2'),  url('../fonts/muli-light_webfont.woff') format('woff'),  url('../fonts/muli-light_webfont.ttf') format('truetype'),  url('../fonts/muli-light_webfont.svg#mulilight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulilightitalic'; src: url('../fonts/muli-lightitalic_webfont.eot'); src: url('../fonts/muli-lightitalic_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-lightitalic_webfont.woff2') format('woff2'),  url('../fonts/muli-lightitalic_webfont.woff') format('woff'),  url('../fonts/muli-lightitalic_webfont.ttf') format('truetype'),  url('../fonts/muli-lightitalic_webfont.svg#mulilightitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulisemibold'; src: url('../fonts/muli-semibold_webfont.eot'); src: url('../fonts/muli-semibold_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-semibold_webfont.woff2') format('woff2'),  url('../fonts/muli-semibold_webfont.woff') format('woff'),  url('../fonts/muli-semibold_webfont.ttf') format('truetype'),  url('../fonts/muli-semibold_webfont.svg#mulisemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulisemibolditalic'; src: url('../fonts/muli-semi-bolditalic_webfont.eot'); src: url('../fonts/muli-semi-bolditalic_webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/muli-semi-bolditalic_webfont.woff2') format('woff2'),  url('../fonts/muli-semi-bolditalic_webfont.woff') format('woff'),  url('../fonts/muli-semi-bolditalic_webfont.ttf') format('truetype'),  url('../fonts/muli-semi-bolditalic_webfont.svg#mulisemibolditalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latolight'; src: url('../fonts/lato-light.eot'); src: url('../fonts/lato-light.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-light.woff2') format('woff2'),  url('../fonts/lato-light.woff') format('woff'),  url('../fonts/lato-light.ttf') format('truetype'),  url('../fonts/lato-light.svg#latolight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latolight_italic'; src: url('../fonts/lato-lightitalic.eot'); src: url('../fonts/lato-lightitalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-lightitalic.woff2') format('woff2'),  url('../fonts/lato-lightitalic.woff') format('woff'),  url('../fonts/lato-lightitalic.ttf') format('truetype'),  url('../fonts/lato-lightitalic.svg#latolight_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latoregular'; src: url('../fonts/lato-regular.eot'); src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-regular.woff2') format('woff2'),  url('../fonts/lato-regular.woff') format('woff'),  url('../fonts/lato-regular.ttf') format('truetype'),  url('../fonts/lato-regular.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latoitalic'; src: url('../fonts/lato-italic.eot'); src: url('../fonts/lato-italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-italic.woff2') format('woff2'),  url('../fonts/lato-italic.woff') format('woff'),  url('../fonts/lato-italic.ttf') format('truetype'),  url('../fonts/lato-italic.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latomedium'; src: url('../fonts/lato-medium.eot'); src: url('../fonts/lato-medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-medium.woff2') format('woff2'),  url('../fonts/lato-medium.woff') format('woff'),  url('../fonts/lato-medium.ttf') format('truetype'),  url('../fonts/lato-medium.svg#latomedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latomedium_italic'; src: url('../fonts/lato-mediumitalic.eot'); src: url('../fonts/lato-mediumitalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-mediumitalic.woff2') format('woff2'),  url('../fonts/lato-mediumitalic.woff') format('woff'),  url('../fonts/lato-mediumitalic.ttf') format('truetype'),  url('../fonts/lato-mediumitalic.svg#latomedium_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latosemibold'; src: url('../fonts/lato-semibold.eot'); src: url('../fonts/lato-semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-semibold.woff2') format('woff2'),  url('../fonts/lato-semibold.woff') format('woff'),  url('../fonts/lato-semibold.ttf') format('truetype'),  url('../fonts/lato-semibold.svg#latosemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latosemibold_italic'; src: url('../fonts/lato-semibolditalic.eot'); src: url('../fonts/lato-semibolditalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-semibolditalic.woff2') format('woff2'),  url('../fonts/lato-semibolditalic.woff') format('woff'),  url('../fonts/lato-semibolditalic.ttf') format('truetype'),  url('../fonts/lato-semibolditalic.svg#latosemibold_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latoheavy'; src: url('../fonts/lato-heavy.eot'); src: url('../fonts/lato-heavy.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-heavy.woff2') format('woff2'),  url('../fonts/lato-heavy.woff') format('woff'),  url('../fonts/lato-heavy.ttf') format('truetype'),  url('../fonts/lato-heavy.svg#latoheavy') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latoheavy_italic'; src: url('../fonts/lato-heavyitalic.eot'); src: url('../fonts/lato-heavyitalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-heavyitalic.woff2') format('woff2'),  url('../fonts/lato-heavyitalic.woff') format('woff'),  url('../fonts/lato-heavyitalic.ttf') format('truetype'),  url('../fonts/lato-heavyitalic.svg#latoheavy_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latobold'; src: url('../fonts/lato-bold.eot'); src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-bold.woff2') format('woff2'),  url('../fonts/lato-bold.woff') format('woff'),  url('../fonts/lato-bold.ttf') format('truetype'),  url('../fonts/lato-bold.svg#latobold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latobold_italic'; src: url('../fonts/lato-bolditalic.eot'); src: url('../fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-bolditalic.woff2') format('woff2'),  url('../fonts/lato-bolditalic.woff') format('woff'),  url('../fonts/lato-bolditalic.ttf') format('truetype'),  url('../fonts/lato-bolditalic.svg#latobold_italic') format('svg'); font-weight: normal; font-style: normal; }
/* ==========================================

   GLOBAL CSS

========================================== */

* { margin: 0px; padding: 0px; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0px; padding: 0; font-family: 'latoregular', sans-serif; font-size: 14px; color: #000; overflow-x: hidden; }
body.body_paddadd { padding-top: 85px; }
.clearfix { clear: both; display: table; width: 100%; height: 0px; content: ""; }
ol, ul { list-style: none; }
a, img { max-width: 100%; border: none; text-decoration: none; }
button, textarea, input[type="text"], input[type="password"], input[type="submit"], input[type="reset"] { outline: none; -webkit-appearance: none !important; }
/* input[type="radio"], input[type="checkbox"]{-webkit-appearance:inherit !important; appearance:inherit !important} */



h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font: 28px 'latobold'; }
h2 { font: 24px 'latobold'; }
h3 { font: 20px 'latobold'; }
h4 { font: 18px 'latobold'; }
h5 { font: 16px 'latobold'; }
h6 { font: 14px 'latobold'; }
b, strong { font-weight: normal; font-family: 'latobold'; }
 *::-moz-placeholder {
color: #a7a7a7;
opacity: 1;
}
iframe { border: 0px; }
/* =====================================

	BORDER RADIUS

===================================== */

{
 -moz-border-radius:50px;
 -webkit-border-radius:50px;
 -khtml-border-radius:50px;
 border-radius:50px;
}
.professionalleft:after, .chargeplug:before, .chargeplug:after, .chargeplug1:before, .geta_quote, .geta_quote:after { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
/* =====================================

	ICONS

===================================== */

#androidslider .owl-controls .owl-nav div, .owl-controls .owl-dot span, .owl-controls .owl-dot span:after, .owl-controls .owl-dot.active span:after { background-image: url(../images/sprit.png) !important; background-repeat: no-repeat !important; background-color: transparent !important; }
 @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
 #androidslider .owl-controls .owl-nav div, .owl-controls .owl-dot span, .owl-controls .owl-dot span:after, .owl-controls .owl-dot.active span:after {
background-image: url(../images/sprit2x.png) !important;
background-size:200px 1000px;
}
}
/* =====================================

   ANIMATION(Transition) EFFECTS CSS 

===================================== */

a, header, .container, .footer, .cross_plateform_image h2, .cmsboxs.slide_text h2, .headintro_image h2, .ipadbox_text, .graybg .leftipad_box img, .ipadbox .leftipad_box img, .leftmobilebox, .rightmobilebox, .geta_quote:after, .owl-controls .owl-dot span, .owl-controls .owl-dot span:after, .owl-controls .owl-dot.active span:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
/* =====================================

   TEXT TRANSFROM FOR ITALIC

===================================== */







/* =====================================

   IMAGE TRANSFROM EFFECT 

===================================== */

.overimg_effects img { width: 100%; height: 100%; display: block; }
.overimg_effects:hover img { width: 100%; height: 100%; -webkit-transition: all 10s ease 0s; -moz-transition: all 10s ease 0s; -o-transition: all 10s ease 0s; transition: all 10s ease 0s; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/* =====================================

   IMAGE TRANSFROM ROTATE EFFECT 

===================================== */

{
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
} {
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg);
} /* =====================================

   INPUT INSET And OUTER SHADOW

===================================== */

{
 -moz-box-shadow: inset 0px 2px 5px #e9e9e9;
 -webkit-box-shadow: inset 0px 2px 5px #e9e9e9;
 box-shadow: inset 0px 2px 5px #e9e9e9;
} {
 -moz-box-shadow: inset 0px 10px 15px #dfdfdf;
 -webkit-box-shadow: inset 0px 10px 15px #dfdfdf;
 box-shadow: inset 0px 10px 15px #dfdfdf;
} {
 -moz-box-shadow:1px 1px 2px #ccc;
 -webkit-box-shadow:1px 1px 2px #ccc;
 box-shadow:1px 1px 2px #ccc;
}
.active_topbar { -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; }
/* ==========================================

   PAGE LAYOUT CSS

========================================== */

.main_wrapper, .container_wrapper, .footer_wrapper { position: relative; }
.header, .container, .footer { position: relative; max-width: 1060px; margin: 0 auto; padding: 0px 20px; }
/* ==========================================

   Header CSS

========================================== */

/* .header_wrapper{background:#fff;  margin:0 auto; min-height: 88px; padding: 0; position:relative; width: 100%; z-index: 9999; box-shadow:none;} */

.header_wrapper { background: url(../images/header.jpg) no-repeat center top; height: 88px; position: relative; display: block; }
.active_topbar { position: fixed; top: 0px; }
.brand_logo { float: left; height: 34px; margin: 26px 0 0 11px; padding: 0; width: 279px; }
.brand_logo a { display: block; }
.brand_logo img { width: 100%; }
.mainmenu { display: inline-block; padding-left: 73px; float: left; }
.mainmenu ul { }
.mainmenu ul li { display: inline-block; float: left; margin: 0; padding: 0 5px; position: relative; text-transform: uppercase; }
.mainmenu ul > li:first-child { padding-left: 0; }
.mainmenu > ul li a { color: #1d1d1d; font-size: 14px; font-family: 'latobold'; line-height: 88px; padding: 0 8px; display: block; }
.mainmenu ul li a:hover, .mainmenu ul li.active_menu a { background-color: #f6f6f6; color: #fd2d0e; }
.mainmenu ul li ul { display: none; }
.quote_call { background: none; float: right; margin: 37px 5px 0 0; padding-right: 0px; width: auto; }
.quote_call span.quotelinks { float: left; padding: 0; width: auto; }
.quote_call a.quotelink { background: #ee3f25; border-radius: 6px; color: #fefefe; font-family: 'latosemibold'; font-size: 14px; padding: 12px 15px 11px; text-transform: uppercase; }
.quote_call a.quotelink:hover { background: #b39d38; }
.quote_call span.call_top { float: left; font-family: 'latobold'; font-size: 16px; margin: -10px 0 0; padding: 0 0 0 6px; width: auto; }
.headintro_image { background: url(../images/android_bannerbg.jpg) no-repeat center top; overflow: hidden; position: relative; height: 500px; text-align: center; }
.headintro_image img { padding: 9px 25px 0 0; margin-left: -49.65%; left: 50%; position: absolute; bottom: 0px; }
.headintro_image h2 { font: 36px 'latobold'; color: #FFF; position: absolute; text-align: center; bottom: 70px; left: 0px; right: 0px; z-index: 2; padding-left: 2px; }
.overlay_shadow { width: 100%; top: 0px; background: url(../images/banner_overlay_shadow.png) repeat-x 0 bottom; overflow: hidden; position: absolute; bottom: 0px; }
.geta_quote { background: #FF4522; width: 150px; height: 40px; font: 16px/40px 'latoregular'; text-transform: uppercase; color: #FFF; display: block; position: absolute; bottom: 15px; left: 50%; margin-left: -75px; }
.geta_quote:hover { background: #FFF; color: #FF4522; }
.geta_quote:after { content: ''; position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; border: 0px solid transparent; }
.geta_quote:hover:after { left: 2px; right: 2px; top: 2px; bottom: 2px; border: 1px solid #FF4522; }
/* CONTAINER(MIDDLE SECTIONS) CSS START */

.pad_topbtm30 { padding: 30px 0; }
.pad_topbtm40 { padding: 40px 0; }
.cmsboxs { display: block; padding: 23px 0 26px; margin: 0 10px; border-bottom: 1px solid #d8d8d8; }
.cmsboxs h1 { font: 44px/normal 'latolight'; color: #000000; margin-bottom: 61px; margin-left: -3px; }
.cmsboxs p { font: 16px/30px 'latoregular'; color: #000000; margin-bottom: 30px; }
.cmsboxs p:last-child{margin-bottom:0}
.slider_android { position: relative; margin: 0; padding: 83px 0 62px;  /* border-bottom:1px solid #d8d8d8; */ }
.slider_android:before { content: ''; display: block; position: absolute; left: -8%; right: 0px; top: 89%; height: 30px; background: url(../images/bannerimg_shadow.png) no-repeat; z-index: -1; }
.slider_android:after { content: ''; display: block; position: absolute; left: 10px; right: 9px; bottom: -1px; height: 1px; background: #d8d8d8; }
.slider_android img { display: block; max-width:;
}
.slide_image { float: left; max-width: 534px; padding-left: 4px; position: relative; }
.slide_image img { display: block; max-width:;
}
.slide_text { float: right; display: block; width: 41.5%; padding-top: 53px; padding-right: 20px; }
.slide_text h2 { font: 36px 'latoregular'; padding-bottom: 13px; }
.slide_text p { font: 16px/30px 'latoregular'; color: #000000; margin-bottom: 30px; padding-left: 3px; }
.slide_text p:last-child { margin-bottom: 0px; }
.slider_android .bx-wrapper .bx-pager { display: none !important; }
.bx-wrapper li { background: #FFF; cursor: default; }
#androidslider .owl-stage-outer { margin-left: 0px; }
/* DIRECTION CONTROLS (NEXT / PREV)  */

#androidslider .owl-controls { padding-left: 0px !important; background: #FFF; }
#androidslider .owl-controls:after { display: none !important; }
#androidslider .owl-controls .owl-dots { display: none !important; }
#androidslider .owl-controls { position: absolute; bottom: -78px; width: 165px; height: 35px; left: 50%; margin-left: -82px; background: #FFF; z-index: 9; top: inherit; margin-top: 0; }
#androidslider .owl-controls .owl-nav div { position: absolute; top: 50%; margin-top: -17.5px; outline: 0; width: 51px; height: 35px; text-indent: -9999px; /*  transition:none; */ }
#androidslider .owl-controls .owl-nav .owl-prev { left: 10px; background-position: 0px 0px; -webkit-animation: leftarrow 2s infinite; animation: leftarrow 2s infinite; animation-delay: 3s; }

/* Chrome, Safari, Opera */

@-webkit-keyframes leftarrow {  from {
left:30px;
transition: left 0.8s ease;
opacity:0;
}
to { left: 10px; transition: left 0.8s ease; opacity: 1; }
}
 @keyframes leftarrow {  from {
left:30px;
transition: left 0.8s ease;
opacity:0;
}
to { left: 10px; transition: left 0.8s ease; opacity: 1; }
}
#androidslider .owl-controls .owl-nav .owl-next { right: 11px; background-position: -100px -40px; -webkit-animation: rightarrow 2s infinite; animation: rightarrow 2s infinite; animation-delay: 3s; }

/* Chrome, Safari, Opera */

@-webkit-keyframes rightarrow {  from {
right:30px;
opacity:0;
transition: right 0.8s ease;
}
to { right: 11px; opacity: 1; transition: right 0.8s ease; }
}
 @keyframes rightarrow {  from {
right:30px;
opacity:0;
transition: right 0.8s ease;
}
to { right: 11px; opacity: 1; transition: right 0.8s ease; }
}
body.touch #androidslider .owl-controls .owl-nav .owl-next, body.touch #androidslider .owl-controls .owl-nav .owl-prev { -webkit-animation: none; animation: none; }
/* body.touch .bx-wrapper .bx-controls-direction a:focus, body.touch .bx-wrapper .bx-controls-direction a:visited, body.touch .bx-wrapper .bx-controls-direction a:link {background-color:transparent !important; transition:none;}

 */

/* body.touch .bx-wrapper .bx-prev:hover {background-position:-100px 0px; transition:none;}

body.touch .bx-wrapper .bx-next:hover {background-position:0px -40px; transition:none;}  */



.cmsboxs.slide_text { width: auto; display: block; margin-top: 64px; border-bottom: 0px; margin-left: 7px; float: none; padding-top:117px;}
.cmsboxs.slide_text h2 { letter-spacing: -.6px; }
.getstarted_banner { height: 301px; width: 100%; position: relative; overflow: hidden; margin-top: 39px; }
.getstartedfixed { height: 100%; width: 100%; position: absolute; background: url(../images/android-btmimg.jpg) no-repeat top center; }
.overlay_getstart { background: url(../images/dark_overlaybg.png) repeat; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.cmsboxs.slide_text.started_text { width: 50.5%; float: left; padding-right: 0px; margin-top: 49px; padding-top: 0px; }
.started_text h3 { font: 36px 'latoregular'; padding-bottom: 13px; color: #ef361d; letter-spacing: -.6px; }
.started_text ul{padding:0}
.started_text ul li{color:#fff;}
.started_text p, .started_text p a { color: #FFF; }
.started_img { float: right; padding: 59px 19px 0 0; }
.footer_wrapper { display: block; background: url(../images/footer.jpg) no-repeat center bottom; height: 803px; }
/* iPhone App Developement */

.headintroiphone_image { background: url(../images/iphone_bannerbg.jpg) repeat center top; overflow: hidden; position: relative; height: 500px; text-align: center; }
.headintroiphone_image img { padding: 38px 0 0 0; position: relative; top: 0px; left: 0; right: 0px; margin: 0 auto; }
.headintroiphone_image h2 { bottom: 70px; }
.slider_iphone { padding: 15px 0 0; }
.slider_iphone h1 { font: 44px 'latolight'; padding-bottom: 20px; color: #333; letter-spacing: -.6px; display: block; text-align: center; position: relative; }
.slider_iphone h1:after { position: absolute; content: ''; width: 220px; background: #ef361d; height: 1px; bottom: 15px; left: 50%; margin-left: -110px; }
.slider_iphone:before, .slider_iphone:after { display: none; }
.slider_iphone li { padding-left: 50px; padding-bottom: 10px; }
.slider_iphone .slide_image { max-width: 360px; padding-left: 20px; position: relative; }
.slider_iphone .slide_image:after {/* width:330px; content:''; position: absolute;background:url(../images/iphonebanner_shadow.png) no-repeat; bottom:-15px; right:-40px; height:25px; display:block; z-index:-1; */ }
.owl-stage-outer { margin-left: 50px; }
.slider_iphone .slide_text { padding-top: 50px; width: 53.9%; padding-right: 12%; }
.owl-controls { position: absolute; top: 50%; margin-top: -20%; width: 40px; padding-left: 9px; z-index: 99999; }
.owl-controls:after { background: #cacaca; bottom: 0; content: ''; left: 22px; position: absolute; top: 14px; width: 3px; z-index: -1; }
/* .owl-item { padding-left:50px; } */

/* .owl-nav { display:none; } */

.owl-controls .owl-dot { display: block; *zoom: 1;
*display: inline;
padding-bottom: 19px; }
.owl-controls .owl-dot:last-child { padding-bottom: 0px; }
.owl-controls .owl-dot span { text-indent: -9999px; display: block; width: 25px; height: 25px; margin: 0 2px; outline: 0; font-size: 0px; background-position: -175px -40px; transition: none; position: relative; }
.owl-controls .owl-dot:hover span { }
.owl-controls .owl-dot span:after, .owl-controls .owl-dot.active span:after { content: ''; position: absolute; background-color: transparent !important; top: 0px; bottom: 0; left: 0; right: 0; background-position: -175px 0px; display: block; z-index: 99999; opacity: 0; }
.owl-controls .owl-dot:hover span:after, .owl-controls .owl-dot.active span:after { content: ''; position: absolute; background-position: -175px 0px; opacity: 1; top: 0px; left: 0px; }
.iphoneget_start { background-image: url(../images/iphone-btmimg.jpg); }
.iphoneget_start .started_img { padding: 76px 0 0 0; position: relative; right: -6px; }
/* animated elements */

.animateblock { position: relative; opacity: 0; -webkit-transition: all 0.55s linear; -moz-transition: all 0.55s linear; transition: all 0.55s linear; }
.animateblock.animated { opacity: 1; }
/* animation transition styles */

.animateblock.left { left: -20%; }
.animateblock.left.animated { left: 0; opacity: 1; }
.animateblock.right { margin-right: -20%; }
.animateblock.right.animated { margin-right: 0; }
.animateblock.top { display: block; text-align: center; margin-top: -25px; }
.animateblock.top.animated { margin-top: 0px; }
.animateblock.btm { display: block; margin-top: 50px; }
.animateblock.btm.animated { margin-top: 0; }
.animateblock.centerleft { display: block; width: auto; text-align: center; margin-right: -10%; }
.animateblock.centerleft.animated { margin-right: 0; }
.animateblock.centerright { display: block; width: auto; text-align: center; margin-left: -10%; }
.animateblock.centerright.animated { margin-left: 0; }
.animateblock.center { margin-left: 2%; }
.animateblock.center.animated { margin-left: 42%; }
.animateblock.size { display: block; width: 100%; height: 100px; }
.animateblock.size.animated { width: 100%; height: 100%; }
.animateblock.size img { max-width: 100%; height: auto; }
/* Cross Platform Apps Development CSS */

.cross_plateform_image { background: url(../images/cross-plateform-bannerbg.jpg) no-repeat top center; }
.cross_plateform_image h2 {/* bottom:inherit; top:80px; width:49%; left:inherit; right:-95px; text-align:left;  */ }
.cross_plateform { }
.cross_plateform h2 { font: 35px 'latoregular'; padding-bottom: 13px; margin-left: -3px; padding-top: 20px; }
.crossapps_responsive { margin: 5px 10px 0; padding-top: 0px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding-bottom: 20px; }
.arrowimg { text-align: center; }
.arrowimg img { }
.leftcross_platformbox { float: left; width: 41%; display: block; }
.crossapps_imgbox { padding-top: 32px; padding-left: 19px; }
.crossapps_textbox { padding-top: 55px; font-size: 16px; line-height: 30px; }
.crossapps_textbox h3 { font: 35px 'latoregular'; padding-bottom: 13px; margin-left: -3px; }
.crossapps_textbox p { padding-bottom: 30px; }
.rightcross_platformbox { float: right; width: 41%; display: block; }
.rightcross_platformbox .crossapps_imgbox img { width: auto; max-width: inherit !important; position: relative; top: -2px; left: -93px; }
.rightcross_platformbox .crossapps_textbox h3 { position: relative; top: -8px; padding-bottom: 6px; }
.rightcross_platformbox .crossapps_textbox p { padding-left: 2px; }
.crossplate_whychoose { padding-top: 42px; margin-left: 9px; }
.crossplateform_fixed { background: url(../images/crossplatform-btmimg.jpg) no-repeat top center; }
.crossplateform_fixed .started_img { padding-top: 51px; }
.leftcross_platformbox.animateblock.btm, .rightcross_platformbox.animateblock.btm { text-align: left; }
/*  iPhone Apps Developement CSS */

.headintroipad_image { background: url(../images/ipad-bannerbg.jpg) no-repeat top center; }
.headintro_image.headintroipad_image h2 { font-size: 40px; }
.ipadcontent_box { }
.ipadbox { position: relative; padding: 30px 0 60px; max-height: 200px; overflow: hidden; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
.ecommerce_shopping { padding-top: 48px; }
.ipadbox h2 { font: 35px/44px 'latoregular'; padding-bottom: 10px; font-weight: normal; }
.leftipad_box { float: left; width: 50%; position: relative; display: block; padding-left: 17px; padding-top: 34px; z-index: 2; }
.rightipad_box { float: right; width: 50%; position: relative; display: block; padding: 45px 15px 0 6px; z-index: 2; }
.ipadbox_text { position: relative; padding-left: 3px; visibility: hidden; opacity: 0; bottom: -50px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
.ipadbox_text p { font-size: 16px; line-height: 30px; padding-bottom: 30px; }
.graybg { background: #ececec; position: relative; }
.graybg .leftipad_box { float: right; padding-left: 0px; padding-top: 0px; }
.ipadbox .leftipad_box img { position: relative; top: -20px; }
.graybg .leftipad_box img { top: -40px; }
.graybg .rightipad_box { float: left; padding-right: 0px; }
.ipadbox.open { max-height: 602px; }
.ipadbox:hover .ipadbox_text, .ipadbox.open .ipadbox_text { visibility: visible; opacity: 1; bottom: 0; height: auto; }
.ipadbox.open .leftipad_box img { top: -10px; }
.graybg.open .leftipad_box img { top: 0px; }
body.touch .ipadbox { height: auto; max-height: 100%; overflow: visible; }
body.touch .ipadbox .ipadbox_text { visibility: visible; opacity: 1; bottom: 0; height: auto; }
body.touch .ipadbox:hover .leftipad_box img { top: 0px; }
body.touch .graybg:hover .leftipad_box img { top: 0px; }
/* Mobile Apps Developemnt CSS  */

.headintromobile_image { background: #303030; height: auto; }
.headintromobile_image img { padding: 0 20px 0 0; display: block; }
.headintromobile_image h2 { font-size: 36px; margin: 0 auto; font-weight: normal; line-height: 40px; }
.mobiletitle_box { border-bottom: 0px; }
.mobiletitle_box h1 { margin-bottom: 20px; }
.mobileapp_box { padding-top: 24px; }
.mobileapp_box h2 { font: 35px/44px 'latoregular'; color: #000; padding-bottom: 15px; }
.mobileapp_box p { font: 16px/30px 'latoregular'; color: #000; padding-bottom: 30px; }
.mobileapp_box img { display: inline-block; position: relative; z-index: 11; }
.mobileappbox { position: relative; display: block; padding: 75px 0; }
.mobileappbox.professional_create { padding-top: 20px; }
.leftmobilebox { float: left; width: 51%; position: relative; }
.rightmobilebox { float: right; width: 49%; position: relative; }
.mobilecross_box { }
.mobilecross_box .leftmobilebox { float: right; text-align: right; }
.mobilecross_box .rightmobilebox { float: left; }
.professional_create:before { background: #b3b4b4; bottom: 0%; content: ''; display: block; position: absolute; left: 24.8%; top: 50%; width: 10px; z-index: 0; }
.professional_create:after {/* content:''; display:block; position:absolute; bottom:-5px; left:24.8%; right:13%; height:10px; background:#b3b4b4; */ }
.professionalleft:after { content: ''; display: block; position: absolute; bottom: -13px; left: 44%; z-index: 0; width: 60px; height: 19px; background: #b3b4b4; }
.mobileios_box { }
.mobileios_padx { position: relative; }
.mobileios_box:before {/* background:#b3b4b4;bottom:0; content:''; display: block; position: absolute; right:33%; top: 50%;width: 10px; z-index: -1; */ }
.mobileios_box:after {/* background:#b3b4b4;bottom:0; content:''; display: block; position: absolute; right:12%; top: 50%;width: 10px; z-index: -1; */ }
.mobileios_padx:after {/* content:''; display:block; position:absolute; bottom:-80px; left:30%; right:12%; height:10px; background:#b3b4b4; */ }
.rightiosphone:before {/* background:#b3b4b4;top:-80px; content:''; display: block; position: absolute; right:24.8%; bottom:50%;width:10px; z-index: -1; */ }
.chargeplug { position: relative; }
.chargeplug:before { content: ''; display: block; position: absolute; bottom: -13px; left: 31%; z-index: -1; width: 33px; height: 19px; background: #b3b4b4; }
.chargeplug:after { content: ''; display: block; position: absolute; bottom: -13px; right: 19%; z-index: -1; width: 60px; height: 19px; background: #b3b4b4; }
.android_box { }
.android_box:before {/* background:#b3b4b4;bottom:0; content:''; display: block; position: absolute; left:27.2%; top: 50%;width: 10px; z-index: -1; */ }
.android_box:after {/* content:''; display:block; position:absolute; bottom:-5px; left:27.2%; right:15%; height:10px; background:#b3b4b4; */ }
.android_box .leftmobilebox:before {/* background:#b3b4b4;top:-80px; content:''; display: block; position: absolute; left:59%; bottom:50%;width:10px; z-index: -1; */ }
.chargeplug1 { position: relative; }
.chargeplug1:before { content: ''; display: block; position: absolute; bottom: 72px; left: 56.5%; z-index: 0; width: 40px; height: 19px; background: #b3b4b4; }
.chargeplug2:before { content: ''; display: block; position: absolute; bottom: -15px; left: 30.5%; z-index: 0; width: 40px; height: 15px; background: #b3b4b4; z-index: 99; }
.chargeplug02:before { content: ''; display: block; position: absolute; bottom: -10px; left: 69.7%; z-index: 0; width: 60px; height: 12px; background: #b3b4b4; z-index: 99; }
.crossplat_mobile { }
.crossplat_mobile:before {/* content:''; display:block; position:absolute; bottom:-5px; left:11.2%; right:15%; height:10px; background:#b3b4b4; */ }
.crossplat_mobile:after {/* background:#b3b4b4;bottom:0; content:''; display: block; position: absolute; right:15%; top:0;width: 10px; z-index: -1; */ }
.webapps_box { }
.webapps_box:before {/* background:#b3b4b4;bottom:0; content:''; display: block; position: absolute; left:11.2%; top:0;width: 10px; z-index: -1; */ }
.mobilegetstart_banner { margin-top: 0px; }
.mobileget_start { background: url(../images/mobile-btmimg.jpg) no-repeat top center; }
.mobileget_start .started_img { padding-top: 70px; }
.mobileappbox.animateblock { opacity: 1; margin-top: 0px !important; }
.mobileappbox.animateblock .leftmobilebox, .mobileappbox.animateblock .rightmobilebox { opacity: 0; }
.mobileappbox.animateblock.animated .leftmobilebox, .mobileappbox.animateblock.animated .rightmobilebox, .mobilecross_box .rightmobilebox { opacity: 1; }
/*a#getquote{ position:relative; top:-76px;}*/
#geta { position: relative !important; top: -76px !important; }
 @media only screen and (min-width:1024px) {
.verticalleft { position: absolute; top: -80px; height: 90px; width: 10px; background: #fff; left: 24.8%; -webkit-transition: 1s; /* Safari */ transition: 1s; }
.horizontalline { position: absolute; top: -10px; height: 10px; width: 61.8%; left: 25.74%; background: #b3b4b4; }
.horizontalline:after { content: ''; position: absolute; top: 0; height: 10px; width: 0px; left: 0; width: 100%; background: #fff; -webkit-transition: 2s; /* Safari */ -webkit-transition-delay: 1s; /* Safari */ transition: 2s; transition-delay: 1s; }
.verticalright { background: #b3b4b4; top: 0px; position: absolute; right: 12.5%; background: #b3b4b4; height: 90px; width: 10px; z-index: 0; }
.verticalright:after { position: absolute; top: 0; content: ''; display: block; height: 85px; width: 10px; background: #fff; -webkit-transition: 1s; /* Safari */ -webkit-transition-delay: 3s; /* Safari */ transition: 1s; transition-delay: 3s; }
.animated .verticalleft { top: 0px; height: 0px; width: 10px; left: 24.8%; }
.animated .horizontalline:after { width: 0px; background: #fff; left: 100%; }
.animated .verticalright:after { top: 100%; height: 0px; }
.andrightvert { position: absolute; top: -75px; right: 12%; height: 80px; width: 10px; background: #b3b4b4; z-index: 0; }
.andrightvert:after { content: ''; position: absolute; top: 0px; right: 0; height: 100%; width: 10px; background: #FFF; -webkit-transition: 1s; /* Safari */ transition: 1s; }
.andrighthorz { position: absolute; top: -5px; right: 12%; height: 10px; width: 75px; background: #b3b4b4; }
.andrighthorz:after { content: ''; position: absolute; top: 0px; right: 0; height: 10px; width: 100%; background: #FFF; -webkit-transition: .5s; /* Safari */ -webkit-transition-delay: 1s; /* Safari */ transition: .5s; transition-delay: 1s; }
.mplug2 { display: block; position: absolute; top: -25px; right: 19%; width: 0px; height: 50px; z-index: 2; }
.mplug2:after { content: ''; position: absolute; top: 0px; right: 0; height: 100%; width: 100%; background: #FFF; -webkit-transition: .3s; /* Safari */ -webkit-transition-delay: 1.5s; /* Safari */ transition: .3s; transition-delay: 1.5s; }
.andrighthorz2 { position: absolute; top: -5px; right: 24%; height: 10px; width: 42.4%; background: #b3b4b4; }
.andrighthorz2:after { content: ''; position: absolute; top: 0px; right: 0; height: 10px; width: 100%; background: #FFF; -webkit-transition: 2s; /* Safari */ -webkit-transition-delay: 1.7s; /* Safari */ transition: 2s; transition-delay: 1.7s; }
.andrightvert2 { position: absolute; top: -75px; right: 33%; height: 80px; width: 10px; background: #b3b4b4; z-index: 0; }
.andrightvert2:after { content: ''; position: absolute; top: 0px; right: 0; height: 100%; width: 10px; background: #FFF; -webkit-transition: 1s; /* Safari */ -webkit-transition-delay: 2s; /* Safari */ transition: 1s; transition-delay: 2s; }
.andleftvert { position: absolute; top: -5px; left: 33.6%; height: 120px; width: 10px; background: #b3b4b4; z-index: 0; }
.andleftvert:after { content: ''; position: absolute; top: 0px; right: 0; height: 100%; width: 10px; background: #FFF; -webkit-transition: 1s; /* Safari */ -webkit-transition-delay: 4s; /* Safari */ transition: 1s; transition-delay: 4s; }
.android_box .leftmobilebox:after { background: url(../images/mplug1.png) no-repeat; top: 37px; content: ''; display: block; position: absolute; right: 29.5%; width: 30px; z-index: 0; height: 0px; -webkit-transition: .5s; /* Safari */ -webkit-transition-delay: 5s; /* Safari */ transition: .5s; transition-delay: 5s; }
.animated .andrightvert:after { top: 100%; height: 0px; }
.animated .andrighthorz:after { right: 100%; width: 0px; }
.animated .mplug2 { background: url(../images/mplug2.png) no-repeat right; width: 60px; }
.animated .mplug2:after { right: 100%; width: 0px; }
.animated .andrightvert2:after { top: 100%; height: 0px; }
.animated .andrighthorz2:after { right: 100%; width: 0px; }
.animated .andleftvert:after { top: 100%; height: 0px; }
.android_box.animated .leftmobilebox:after { height: 36px; }
.crossverticalleft { position: absolute; top: -147px; height: 152px; width: 10px; background: #b3b4b4; left: 30.2%; }
.crossverticalleft:after { content: ''; position: absolute; top: 0; height: 100%; width: 10px; background: #fff; left: 0; -webkit-transition: 1s; /* Safari */ transition: 1s; }
.crosshorizontalline { position: absolute; top: -5px; height: 10px; width: 54.85%; left: 30.2%; background: #b3b4b4; }
.crosshorizontalline:after { content: ''; position: absolute; top: 0; height: 10px; width: 0px; left: 0; width: 580px; background: #fff; -webkit-transition: 2s; /* Safari */ -webkit-transition-delay: 1s; /* Safari */ transition: 2s; transition-delay: 1s; }
.crossverticalright { background: #b3b4b4; top: -5px; position: absolute; left: 84.1%; height: 85px; width: 10px; z-index: 0; }
.crossverticalright:after { position: absolute; top: 0; content: ''; display: block; height: 85px; width: 10px; background: #fff; -webkit-transition: 1s; /* Safari */ -webkit-transition-delay: 3s; /* Safari */ transition: 1s; transition-delay: 3s; }
.animated .crossverticalleft:after { top: 100%; height: 0px; }
.animated .crosshorizontalline:after { width: 0px; background: #fff; left: 100%; }
.animated .crossverticalright:after { top: 100%; height: 0px; }
.webappsverticalright { background: #b3b4b4; top: -145px; position: absolute; right: 15%; height: 150px; width: 10px; z-index: 0; }
.webappsverticalright:after { position: absolute; top: 0; content: ''; display: block; height: 150px; width: 10px; background: #fff; -webkit-transition: 1s; /* Safari */ transition: 1s; }
.webappshorizontalline { position: absolute; top: -5px; height: 10px; width: 66.5%; left: 18.5%; background: #b3b4b4; }
.webappshorizontalline:after { content: ''; position: absolute; top: 0; height: 10px; width: 0px; right: 0; width: 100%; background: #fff; -webkit-transition: 2s; /* Safari */ -webkit-transition-delay: 1s; /* Safari */ transition: 2s; transition-delay: 1s; }
.webappsverticalleft { position: absolute; top: 5px; height:0; width: 10px; background: #b3b4b4; left: 18.5%; -webkit-transition: 2s; transition: 2s; -webkit-transition-delay: 3s; transition-delay: 3s; }
/*.webappsverticalleft:after { content: ''; position: absolute; top: 0; height: 100%; width: 10px; background: #fff; left: 0;  /* Safari * /  /* Safari * /  }
.animated .webappsverticalleft:after { top: 100%; height: 0px; }*/
.animated .webappsverticalleft{height: 96%; }
.animated .webappshorizontalline:after { width: 0px; right: 100%; }
.animated .webappsverticalright:after { top: 100%; height: 0px; }
.webapps_box:after { background: url(../images/mplug3.png) no-repeat; bottom: 0; content: ''; display: block; position: absolute; left: 17.6%; width: 30px; height: 0; z-index: 0; -webkit-transition: .5s; /* Safari */ transition: .5s; -webkit-transition-delay: 5s; /* Safari */ transition-delay: 5s; }
.webapps_box.animated:after {  height: 28px; }
}





/* =====================================

   RESPONSIVE CUSTOM CSS START

===================================== */

@media only screen and (max-width:2000px) {
.main_wrapper, .container_wrapper, .footer_wrapper { position: relative; max-width: 2000px; overflow-x: hidden; margin: 0 auto; }
.headintro_image img { position: relative; margin-left: 0px; left: 0px; }
.headintromobile_image img { margin: 0 auto; }
}
 @media only screen and (max-width:1920px) {
}
 @media only screen and (max-width:1280px) {
.cross_plateform_image h2 { line-height: 35px;/* right: -20px; top:60px; width: 49%; */ font-size: 27px; }
.slide_text { padding-right: 0px; margin-left: 0px; }
}
 @media only screen and (max-width:1220px) {
}
 @media only screen and (max-width:1170px) {
.headintro_image { height: auto; }
.headintro_image img { display: block; left: 0; margin-left: 0; padding: 5px 30px 0; position: relative; }
.headintromobile_image img { padding-top: 0px; }
.headintro_image h2 { font: 30px 'latobold'; }
.headintroiphone_image { padding: 15px 0; }
.cross_plateform_image h2 { line-height: 35px;/* right: -20px; top: 20px;  width: 49%; */ font-size: 25px; }
.cmsboxs h1 { font: 35px 'latolight'; margin-bottom: 25px; }
.cmsboxs p { font: 16px/25px 'latoregular'; margin-bottom: 10px; }
.cross_plateform_image { background-size: cover; height: 320px; }
.cross_plateform h2 { font-size: 28px; padding-top: 0px; }
.cross_plateform p { font-size: 16px; line-height: 23px; }
.leftcross_platformbox .crossapps_imgbox img { height: 232px; }
.rightcross_platformbox .crossapps_imgbox img { left: -20px; top: 0; width: 400px; }
.slider_android { margin: 0 0 20px; }
.slide_text { padding-top: 40px; }
.slide_text p { font: 16px/25px 'latoregular'; margin-bottom: 15px; }
.crossapps_responsive { margin-bottom: 15px; }
.headintroipad_image { height: 470px; }
.headintro_image.headintroipad_image h2 { font-size: 30px; }
.mobiletitle_box h1 { margin-bottom: 0px; }
.mobileapp_box { padding-top: 0px; }
.mobileapp_box h2 { font: 30px/35px 'latoregular'; padding-bottom: 10px; }
/* .professional_create{padding-top:30px;}

.professional_create:before { left: 25.5%;}

.professionalleft:after { left: 45%;}

.professional_create:after {left: 25.5%;}



.mobileios_box:before {right: 34%;}

.mobileios_box:after{right:12.5%;}

.mobileios_padx:before {right: 22%;}

.mobileios_padx:after {height: 10px; left: 31%; right: 12.5%;}

.chargeplug:before {left: 29%;}

.chargeplug:after { right: 20%;}

.android_box .leftmobilebox:after { right: 36.3%;}



.webapps_box:before {left: 11.6%;}

.crossplat_mobile:before {left: 11.6%;}

.webapps_box::after {left: 10.7%;} */



}
 @media only screen and (max-width:1024px) {
.rightcross_platformbox .crossapps_imgbox img { left: -60px; }
/* .professional_create:before { left: 26.7%;}

.professionalleft:after { left: 47%;}

.professional_create:after {left:26.7%%;}



.mobileios_box:before {right:36%;}

.mobileios_box:after{right:13.5%;}

.mobileios_padx:before {right:22%;}

.mobileios_padx:after {left: 33%; right: 13.5%;}

.chargeplug:before {left:25%;}

.chargeplug:after { right: 20%;}

.android_box .leftmobilebox:after { right: 30.5%;}

.android_box .leftmobilebox:before {left: 64.5%;}

.professional_create:after {left: 26.7%;}

.chargeplug1:before {left: 55.5%;}

.android_box:before {left: 30%;}

.android_box:after {left: 30%;}

.crossplat_mobile:before {left: 12.1%;}

.webapps_box:before {left: 12.1%;}

.webapps_box:after {left: 11.2%;} */



}
 @media only screen and (max-width:1023px) {
.professionalleft:after, .professional_create:before, .mobileios_box:before, .mobileios_box:after, .chargeplug:before, .chargeplug:after, .android_box:before, .mobileios_padx:before, .android_box .leftmobilebox:before, .android_box .leftmobilebox:after, .crossplat_mobile:after, .webapps_box:before, .rightiosphone:before, .webapps_box:after, .mobileios_padx:after, .mobileappbox:before { display: none; }
.mobileappbox { padding: 30px 0; }
.mobileappbox:after, .professional_create:after, .crossplat_mobile:after { bottom: 0; height: 1px; left: 0; right: 0; content: ''; position: absolute; display: none; }
.mobileappbox { border-bottom: 1px solid #b3b4b4; }
.mobileappbox:last-child { border-bottom: 0px solid #b3b4b4; }
}
 @media only screen and (max-width:979px) {
.headintro_image h2 { font-size: 22px; }
.headintroipad_image { height: 350px; background-size: cover; }
.headintro_image.headintroipad_image h2 { font-size: 22px; }
.slider_android:before { display: none; }
.slide_image { width: 50%; padding-left: 0px; }
.slide_text { width: 48%; }
.slide_text h2 { font-size: 27px; }
.cmsboxs.slide_text { margin-top: 30px; padding-top:50px;}
.slider_iphone li { padding-bottom: 10px; }
.crossapps_textbox h3 { font-size: 28px; padding-bottom: 13px; }
.crossapps_textbox p { padding-bottom: 15px; }
.ipadbox h2 { font: 30px/40px; }
.started_text h3 { font-size: 30px; }
.mobileapp_box h2 { font: 22px/30px 'latoregular'; }
.mobileapp_box p { font: 14px/22px 'latoregular'; padding-bottom: 13px; }
.leftmobilebox { padding-right: 20px; width: 45%; }
.mobilecross_box .leftmobilebox { padding-left: 20px; padding-right: 0px; width: 45%; }
.rightmobilebox { width: 55%; }
}
 @media only screen and (max-width:899px) {
.slider_iphone .slide_text { padding-right: 0; padding-top: 20px; width: 50%; float: left; }
.slider_iphone .slide_image { padding-left: 15px; max-width: 300px; }
.bx-wrapper .bx-pager { margin-top: -24%; padding-left: 0px; }
.bx-pager.bx-default-pager:after { background: #cacaca; left: 14px; top: 12px; }
.crossapps_textbox { line-height: 27px; padding-top: 30px; }
.arrowimg.animateblock.top { width: 70%; margin: 0 auto; }
.leftcross_platformbox .crossapps_imgbox img { height: 180px; }
.rightcross_platformbox .crossapps_imgbox img { width: 295px; left: -20px; }
.crossapps_textbox h3 { font-size: 22px; padding-bottom: 7px; }
.rightcross_platformbox .crossapps_textbox h3 { top: 0px; padding-bottom: 0px; }
.mobileget_start .started_img { width: 45%; padding-top: 80px; }
.mobileget_start .started_img img { width: 90%; }
.ipadbox.open { max-height: 600px; }
}
 @media only screen and (min-width:850px) {
}
 @media only screen and (max-width:849px) {
.cross_plateform_image { height: 220px; }
.slider_android .slide_text p:last-child { display: none; }
.iphoneget_start .started_img { padding-top: 70px; right: 0px; }
.iphoneget_start .started_img img { width: 250px; }
.slider_iphone .slide_text p:last-child { display: block; }
.ipadbox h2 { font: 30px/40px 'latoregular'; padding-bottom: 10px; }
.leftcross_platformbox, .rightcross_platformbox { width: 47%; }
.ipadbox img { max-width: 100%; }
.leftipad_box { padding-left: 0px; padding-top: 40px; width: 42%; }
.rightipad_box { padding: 40px 0px 0 6px; width: 57%; }
.graybg .leftipad_box img { top: -20px; }
.started_text h3 { font-size: 26px; }
}
 @media only screen and (max-width:770px) {
.ipadbox_text p { font-size: 15px; line-height: 25px; padding-bottom: 10px; }
.slider_iphone h1 { font-size: 38px; }
}
 @media only screen and (max-width:768px) {
a#getquote { position: relative; top: -68px; }
#geta { position: relative !important; top: -68px !important; }
}
 @media only screen and (max-width:749px) {
.slider_iphone .slide_image:after { display: none; }
.cross_plateform_image { background-position: 70% top; }
.crossplateform_fixed .started_img img { width: 250px; }
.leftipad_box { float: none; width: 100%; text-align: center; }
.ipadbox .leftipad_box img { position: relative; width: 70%; }
.rightipad_box { float: none; width: 100%; padding-left: 0px; padding-top: 0px; }
.ipadbox.graybg .rightipad_box { text-align: left; padding-top: 0px; }
.ipadbox h2 { font: 24px/30px 'latoregular'; padding-bottom: 5px; }
.ipadbox.open { max-height: 1200px; }
}
 @media only screen and (max-width:699px) {
.headintro_image h2 { left: 20px; right: 20px; }
.cross_plateform_image h2 { font-size: 19px; line-height: 25px; /* left:inherit; */ }
.cmsboxs.slide_text.started_text { margin-top: 25px; }
.started_img { float: right; padding: 30px 15px 0 0; }
.started_text h3 { font: 30px 'latoregular' }
.slider_iphone .slide_image { max-width: 250px; padding-left: 5px; }
.slider_iphone .slide_text { width: 50%; }
.bx-wrapper .bx-pager { margin-top: -37%; }
.started_text h3 { font-size: 22px; }
.owl-controls { margin-top: -25%; }
.owl-controls .owl-dot { padding-bottom: 10px; }
}
 @media only screen and (max-width:640px) {
.getstarted_banner { height: auto; position: relative; margin-top: 15px; }
.getstartedfixed { position: relative; }
.cmsboxs.slide_text.started_text { margin-top: 0; float: none; padding-top: 20px; width: auto; }
.started_img { float: none; padding: 20px 0; text-align: center; }
.started_img img { max-width: 170px; }
.slider_android { padding: 30px 0; }
.iphoneget_start .started_img { padding: 20px 0; right: 0px; }
.iphoneget_start .started_img img { max-width: 250px; }
.crossplateform_fixed .started_img { padding-top: 0px; }
.crossplateform_fixed .started_img img { max-width: 270px; }
.leftmobilebox { padding-right: 0px; width: 100%; text-align: center; }
.mobilecross_box .leftmobilebox { padding-left: 0px; padding-right: 0px; width: 100%; text-align: center; }
.rightmobilebox { width: 100%; padding-top: 15px; }
.mobileget_start .started_img { padding-top: 15px; width: 100%; }
.mobileget_start .started_img img { max-width: 250px; width: 250px; }
.cmsboxs.mobiletitle_box h1 { font: 24px 'latolight'; }
.owl-stage-outer { margin-left: 10px; }
.owl-controls { padding-left: 0px; }
.owl-controls:after { left: 13px; }
.slider_iphone .slide_text { width: 55%; }
}
 @media only screen and (max-width:635px) {
.arrowimg.animateblock.top { display: none; }
.crossapps_responsive { padding-bottom: 10px; }
.leftcross_platformbox, .rightcross_platformbox { width: 100%; }
.rightcross_platformbox { border-top: 1px solid #d4d4d4; }
.crossapps_imgbox { padding-left: 0; padding-top: 20px; text-align: center; }
.crossapps_textbox h3 { padding-left: 0px; margin-left: 0px; }
.rightcross_platformbox .crossapps_imgbox img { left: 0px; width: 270px; }
#androidslider .owl-controls { bottom: -48px; }
}
 @media only screen and (max-width:599px) {
.cmsboxs { margin: 0px; }
.cmsboxs h1 { font-size: 22px; margin-bottom: 15px; }
.cmsboxs p, .slide_text p { font-size: 14px; margin-bottom: 10px; }
.cross_plateform h2, .slide_text h2 { font-size: 22px; }
.cross_plateform p { font-size: 14px; line-height: 20px; }
/* .cross_plateform_image h2 { font-size:19px; line-height:25px; left:inherit; width:55%;} */

.crossapps_textbox { padding-top: 20px; }
.getstarted_banner { margin-top: 15px; }
.started_text h3 { font-size: 22px; }
.crossapps_responsive { margin-bottom: 5px; margin-left: 0px; margin-right: 0px; }
.crossapps_textbox { font-size: 14px; line-height: 22px; }
.headintroipad_image { height: 270px; }
.headintro_image.headintroipad_image h2 { font-size: 18px; }
.headintro_image h2 { font: 18px 'latobold'; }
.ipadbox h2 { font: 20px/40px 'latoregular'; }
.slider_android .slide_text { width: 100%; text-align: center; }
.slider_android .slide_text p {/* display:none; */ }
.slide_image { padding-left: 0; width: 90%; margin: 0 auto; }
.slide_image { width: 100%; text-align: center; }
.bx-wrapper img { width: 60%; display: inline-block; }
.slider_iphone { padding-bottom: 0px; }
.slider_iphone .slide_image { max-width: 100%; width: 100%; padding-left: 0; text-align: center; }
.slider_iphone .slide_image img { display: inline-block; padding: 0px; }
.slider_iphone .slide_text { padding-right: 0; padding-top: 10px; width: 100%; }
.slider_iphone .slide_text p { display: block; }
.owl-stage-outer { margin-left: 0; }
.owl-carousel .owl-item img { max-width: 200px; margin: 0 auto; }
.owl-controls { top: 25%; }
}
 @media only screen and (max-width:570px) {
}
 @media only screen and (max-width:480px) {
}
 @media only screen and (max-width:479px) {
.headintro_image h2 { display: none; }
.overlay_shadow { bottom: -30px; }
.headintro_image img { padding: 5px 10px 0; }
.headintromobile_image img { padding-top: 0px; }
.slider_iphone { padding-bottom: 0; }
.slider_iphone li { padding-left: 0px; }
.bx-wrapper .bx-pager { top: inherit; width: 100%; bottom: -30px; }
.bx-pager.bx-default-pager:after { display: none; }
.bx-wrapper .bx-pager .bx-pager-item { padding-bottom: 0; position: relative; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 0 5px; }
.bx-wrapper .bx-pager .bx-pager-item:after { background: #cacaca; bottom: 0; content: ''; left: 22px; position: absolute; top: 11px; width: 20px; height: 3px; z-index: -1; }
.bx-wrapper .bx-pager .bx-pager-item:last-child:after { display: none; }
.geta_quote { font: 14px/35px 'latoregular'; height: 35px; margin-left: -65px; width: 130px; }
.owl-controls { top: 5%; margin-top: 0px; }
}
 @media only screen and (max-width:380px) {
.bx-wrapper img { width: 80%; }
}