/*Macbookair*/
@media screen and (max-width: 1560px){
	.container { width: 90%;}
	.banner-section .container { width:100%;}
	.columns { padding: 0 1%;}
	.chat-sec a.call-info { width: 150px;}
	.request-btn { width: 255px; padding: 15px 30px;}
	.call-us-sec h3, .call-us-sec .h3 { font-size: 28px;}
	.chat-sec img { width: 40px;}
	ul.corporate-features1 li { width: 23%;}
	.content-pages .development-sec .columns { padding: 0 1.3%;}
	.expertise-headings .h2 { font-size:32px;}
	.expertise-headings .h1 { font-size: 48px;}
	.longer .main-title { font-size: 55px; line-height: 60px;}
	.banner-section.longer .container { width: 100%;}
	.banner-section.longer p { font-size: 18px;}
	.banner-section { background: url(../images/banner-img.jpg) no-repeat fixed 0 0px / 100% auto; max-height: 610px;}
	#slides { height: 610px;}
	#slides .banner-content { margin-top: 175px;}
	/*.slidesjs-container { height: 610px !important;}*/
	.banner-content { margin-top: 185px;} 
	footer .container { width: 90%;}
	.dedicated-teams-page .commonhead { margin: 35px 0 10px;}
	.portfolio-page .our-brands { padding: 20px 0 50px;}
	.inner-pages .main-title.larger h2, .inner-pages .main-title.lrg h2 { letter-spacing: -4.5px;}
	.inner-pages .banner-content { max-width: 85%; margin: 185px auto 0; float: none;}
	.banner-section .para, .banner-section .para h3, .inner-pages .para, .inner-pages .para h2 { margin: 10px 0px 0px 0px;}
	.banner-section.inner-pages .container { width: 89%;}
	.contact-columns2 .upper-area .contact-icon { background: url(../images/contact-icon.png) no-repeat 265px 48px;}
}

/*Laptop*/
@media screen and (max-width: 1400px){	
	.banner-section .para, .banner-section .para h3, .inner-pages .para, .inner-pages .para h2 { font-size: 25px;}
	.main-title, .inner-pages .main-title h2 { font-size: 110px;}
	.banner-content .btn-blue { font-size: 23px;}
	.overview-section { padding: 40px 0 80px 0;}
	.service-main-column, .service-order-column.last { max-width: 31%;}
	.testi-area { padding: 40px 0;}
	.contact-columns2 { padding: 50px 0px 50px 15px;}
}

/*Macbookpro*/
@media screen and (max-width: 1360px){
	#slides .banner-section .container { width: 90%;}
	.success-stories { background: url(../images/success-banner.jpg) no-repeat center 0 / cover;}
	.chat-sec a span{ font-size: 18px;}
	.chat-sec a { width: 210px;}	
	.call-us-sec h3, .call-us-sec .h3 { font-size: 25px;}
	.request-btn { font-size:18px; width: 225px; padding: 13px 30px;}
	.our-brand { width: 100%;}
	.our-brand li { margin-left: 7%;}
	.our-brand li:first-child { margin-left: 0;}
	ul.corporate-features1 li { width: 25%; float: left;}
	.corporate-right h2 span { font-size: 33px;}
	.blk-heading { margin-bottom:0;}
	.home-headings .heading2, .inner-headings .heading2, .home-headings .heading2 a, .inner-headings .heading2 a, h4.small-heading, .h4.small-heading { width: 100%;}
	.columns img { width:100%;}
	.read-more { margin: 20px auto 0;}
	#testimonials { height: 440px;}
	.testi-area .container { width: 100%;}
	.banner-section.inner { background: url(../images/banner-img.jpg) no-repeat fixed 0 -80px / 100% auto;}
	.banner-section .para, .banner-section .para h3, .inner-pages .para, .inner-pages .para h2 { font-size: 23px;}
	.container { width: 95%;}
	.our-brands .container { width: 90%;}
	.inner-pages .banner-content { max-width: 95%;}
	.call-us-sec .request-btn { font-size: 18px; width: 225px; padding: 13px 30px;}
	.chat-sec a { vertical-align: top; color: #fff; text-align: center; font-weight: 300; line-height: 1.5; padding: 0 15px; width: 210px;}
	.chat-sec a span { font-size: 18px;}
}

/*Ipad Landscape*/
@media screen and (max-width: 1200px){
    #slide-portfolio.campcrate .left-img-sec figure img { max-width: 95%;}
    .scrolled nav, .inner-header nav { margin-top: 12px;}
	nav { width: calc( 100% - 370px); margin-top: 12px;}
    .navigation li { padding: 0 10px;}
    .navigation li > a { font-size: 14px;}	
    header .logo a { height: 35px;}
    .scrolled .contact, .inner-header .contact { padding: 25px 0px 0 0;}
    .scrolled .logo, .inner-header .logo, .logo { padding: 13px 0px 15px 0px;}
    .scrolled nav, .inner-header nav { margin-top: 12px;}
	.navigation li { padding: 0 10px;}
	.navigation li > a { font-size: 14px;}
	.scrolled .contact, .inner-header .contact, .contact { padding: 25px 0px 0 0; font-size: 15px;}
	.banner-section.inner { height: 400px;}	
	.banner-section.inner p, .heading2 { font-size: 22px;}
	ul.corporate-features1 li .largetxt { font-size: 32px;}
	.commonhead, .normalhead h2, .normalhead h1 { font-size: 21px;}
	.check-list li { font-size: 14px; line-height: 1.5;}
	.service-main-column { padding: 20px; font-size: 13px;}
	.service-main-column h3 { font-size: 25px;}
	.service-main-column .heading-row { padding: 0px 0 15px 0;}
	.service-main-column ul { height: 225px;}
	.service-page .content-wrap { padding: 40px 0 0;}
	.submit-order, .submit-order:hover { font-size: 35px; margin: 0 auto 55px;}
	.service-main-column .link1 { font-size: 14px;}
	.service-order-column .heading { font-size: 18px;}
	.service-main-column, .service-order-column { height: 400px;}
	.main-title, .inner-pages .main-title h2 { font-size: 80px; letter-spacing: -4.5px;}
	.banner-section p br { display: none;}
	.slidesjs-container { height: 500px !important;}	
	.columns { max-width: 50%; padding: 0 3%;}
	.success-stories h5 { width: 100%;}
	.capabilities p { font-size: 14px;}
	.capabilities h3, .capabilities .h3 { font-size: 19px;}
	.call-us-sec h3, .call-us-sec .h3 { font-size: 21px;}
	.call-us-sec .container { width: 95%}
	.our-brand li { margin-left: 5%;}
    ul.corporate-features1 li { width: 25%; float: left; padding: 0 10px;}
    .corporate-right h2 span { font-size: 25px;}
    .commonhead, .normalhead h2 { margin: 45px 0 0px;}
    .corporate-left { padding-right: 20px; padding-bottom:0;}
    .corporate-right { padding-left: 20px;}
    .content-sec { padding-top: 15px;}
    ul.hire-team-process li .title-area { font-size: 16px; padding: 23px 0px 0;}
    .development-process { padding: 60px 0 0px;}
    .expertise-development-bulletes h2, .expertise-development-bulletes strong { font-size: 18px;}
    .para, .listings, .expertise-development-bulletes .text-details { font-size: 14px; line-height: 1.4;}
    .bullet { line-height: 1.7;}
    .hiring-options { width: 32%; margin-left: 2%;}
    .hiring-options ul.questions-answers { padding: 20px;}
    .hiring-options ul.questions-answers li.answer { font-size: 13px; height: 110px;}
    .hiring-options ul.service-details li { font-size:13px;}
    .hiring-options ul.questions-answers li.question { font-size: 18px;}
    .hiring-options .heading2 { padding: 20px 20px 10px 20px;}
    .hiring-options ul.service-details { padding: 0 20px; height: auto;}
    ul.hire-team-process li { border-left:0;}
    .expertise-right, .hire-developers-right, .expertise-left, .hire-developers-left { padding: 0 15px;}
    .banner-section { height: 500px; background: url(../images/banner-img.jpg) no-repeat scroll 0 0px / 100% auto;}
    #slides .banner-content { margin-top: 125px;}
    #slides { height: 500px;}
    .banner-section .para, .banner-section .para h3, .inner-pages .para, .inner-pages .para h2 { font-size: 20px;}
    .services-left-column { width: 60%; padding-right: 30px;}
    .services-right-column { width: 40%;}
    .custom_requirements .security_code .g-recaptcha { -webkit-transform: scale(0.94) !important; -moz-transform: scale(0.94) !important; -ms-transform: scale(0.94) !important; -o-transform: scale(0.94) !important; transform: scale(0.94) !important;}
    #slides2 .slidesjs-container { height: 790px !important;}
    #slides2 .blue-line { display:none;}
    #slide-portfolio h2 { line-height: 1.8;}
    #slide-portfolio.campcrate .first-slide { padding: 0 50px;}
    .longer .main-title { font-size: 46px; line-height: 1.2;}
    .banner-section.longer p { font-size: 17px;}
    .banner-content .btn-blue { font-size: 18px; padding: 13px 40px;}
    .columns { padding: 0 1%;}
    .column-content { height: 270px;}
    #testimonials { height: 400px;}
    #testimonials .banner-section .container { padding-top: 50px;}
    .capabilities .boxes { padding: 0 0.6%;}
    .testi-area .box { margin: 15px 8px; padding: 15px 15px; line-height: 1.4;}
    .testi-area .box .title1 { font-size: 20px;}
    .inner .banner-content { width: 90%;}    
    .portfolio-page .our-brands { padding: 0px 0 10px;}
    .contact-columns1 { padding-left: 0; width: 64%;}
    .contact-columns2 { padding-right: 0; width: 35%;}
    .contact-columns2 .upper-area .contact-icon { background: url(../images/contact-icon.png) no-repeat 265px 65px / 50px;}
    .contact-pages .form-container { margin: 20px auto 0;}
    .features-sec h3 { font-size: 17px;}
    .features-sec { font-size: 13px;}
    .features-box { padding-right: 12px;}
    .features-box:nth-child(2n) { padding-right:0; padding-left: 12px;}
    .inner-pages .banner-content { margin-top: 135px;}
    .btn-blue, .request-btn { font-size: 18px; padding: 14px 35px;}
    .capabilities { padding: 30px 0;}
    .inner-pages .main-title.lrg h2 { font-size: 78px;}
    .our-brands { padding: 25px 0 8px;}
    .inner-pages .main-title.larger h2, .inner-pages .main-title.lrg h2 { font-size: 72px;     letter-spacing: -3.5px;}
    
   	/*blogpost*/
   	.blogpost { padding: 30px 0 55px;}
   	.home-blog-listing { margin: 40px auto 10px;}
    .blogpost .h2 { font-size: 35px; letter-spacing: -0.5px;}
    .date-sec, .date-sec .date { display: inline-block;}
    .blogpost .post-content strong a { margin-bottom:10px;}
    .blogpost .post-content p { font-size: 14px; text-align: left !important;}
    
	.contact-columns2 { padding: 50px 0px 50px 0px; width:36%;}
}


/*Ipad Portrait*/
@media screen and (max-width: 979px){
	header, header.innerheader { position: absolute;}
	.logo, .scrolled .logo, .inner-header .logo { padding: 5px 10px 5px 5px;}
	.inner-overlay.show { display: block; background: rgba(0,0,0,0.43); transition: all 0.5s; transition-delay: 0.1s; width: 100%; position: fixed;height:100%; left:0; top:0;}
	nav { width: auto; margin: 0;}
	.navbar-toggle .icon-bar { transition-duration: .3s; height: 3px; width: 24px; background-color: #fff; display: block; margin: 0px auto 4px;}
	a.navbar-toggle { margin: 0 auto; position: absolute; top: 15px; right: 5px; padding: 9px 10px; cursor: pointer; display: block;}
	.contact, .scrolled .contact, .inner-header .contact { position: absolute; left: 0;  right: 0; margin: 0 auto; width: 230px; text-align: center; padding: 26px 0px 0 50px;}
	/*navigation*/		
	header nav ul { display: block; left: auto; right: 0; width: 100%; background: none; position: relative; top: 0px;}
	header nav .inner-navigation { width: 320px; background: #fff; display: inline-block; position: fixed; bottom: 0; height: 100vh; right: -325px; z-index: 9;  transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s; top:0;}
	header nav .inner-navigation.open { right:0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s;}
	header nav ul.navigation li a.main-link { display: inline-block; width: 100%; height: 43px; font-size: 15px; line-height: 3; color: #303241; background-color: rgb(248, 248, 248); margin: 0px auto; border: 1px solid #ddd; text-align: left; padding: 0 20px 0 20px; border-right: 0; border-left: 0; border-bottom: 0; text-transform: capitalize; font-weight: 600; transition: all 0.2s;}
	.navigation li > a:after { display: none;}
	header nav ul.navigation li a.main-link:hover { background: #fb2224; border-color: #fb2224; color:#fff;}
	header nav ul li:last-child a.main-link { border-bottom: 1px solid #ddd !important;}
	/*.nav-menu { font-size: 19px; color: #fb2224; text-align: left; position: relative; display: block; font-weight: 700; line-height: 1.5; padding: 10px 20px; margin: 8px auto;}*/
	.cross span { width: 18px; height: 3px; background: #c5c5c5; display: block; margin: 2px auto; position: relative;}
	.cross span.first { transform: rotate(45deg); top: 5px;}
	.cross span.second { transform: rotate(-45deg);top: 0px;}
	.cross { display: inline-block; height: 30px; position: absolute; right: 0; top: 0; cursor: pointer; padding: 8px 0 0; margin-top: 16px; margin-right: 15px;}
	header .phone-number { padding: 9px 20px 8px; top: auto; margin-top: -3px;}
	.navigation li { width: 100%; padding: 0;}	
	ul.navigation li a.main-link { margin: 0;}
	.navigation li > a.estimate { width: 100%; border-radius: 0; text-align: left;}
	.scrolled .logo { padding: 5px 10px 5px 5px;}
	.scrolled .contact { padding: 26px 0px 0 50px;}
	.scrolled .navbar-toggle .icon-bar, .inner-header .navbar-toggle .icon-bar { background: #303241;}
	.scrolled .navbar-fixed-top, .inner-header .navbar-fixed-top { margin: 0;}
	header .logo a { height: 55px; background: url(../images/markup-logo-mob.png) no-repeat center center / 100% auto;}
	.scrolled header .logo a, .inner-header header .logo a { background: url(../images/markup-logo-gry-mob.png) no-repeat center center / 100% auto;}
	.main-title, .inner-pages .main-title h2 { font-size: 65px; letter-spacing: -3.5px; margin-bottom: 18px;}
	.banner-section .para, .banner-section .para h3, .inner-pages .para, .inner-pages .para h2 { margin: 7px 50px 0px 50px; font-size: 17px;}
	.inner-pages .para h2 { margin: 0 auto;}
	.banner-content .btn-blue { margin-top: 25px;}
	.slidesjs-next.slidesjs-navigation { right: 15px;}
	.slidesjs-previous.slidesjs-navigation { left: 15px;}
	#slides .banner-content { margin-top: 86px;}
	.slidesjs-container { height: 380px !important;}
	.banner-section p br { display: none;}
	.banner-section p { font-size: 16px;}
	.banner-section.longer p { font-size: 15px;}
	.blue-line { margin: 0 auto 10px;}
	.btn-blue, .request-btn { margin-top: 8px;}
	.banner-section.inner { height: 350px;}
	.inner .banner-content { margin: 0 auto 20px;}
	.banner-section.inner .main-title { margin-bottom: 14px; font-size: 63px;}
	.success-stories { height: 285px; padding: 40px 0;}
	.success-stories h5, .diffrentiators h5 { font-size: 16px;}
	.capabilities .container { padding:0; width: 91%;}
	.call-us-sec h3, .call-us-sec .h3 { margin: 0px auto 25px;  display: inline-block; float: left; line-height: normal; width: 100%;}
	.call-us-sec { padding: 20px 0 0; position: relative;}
	.chat-sec { width: 100%; margin: 0 auto;}
	.chat-sec a.call-info { float: left;}
	.chat-sec a.chat-info { float: right;}	
	.request-btn { top: 85px;}
	.our-brands { padding: 20px 0;}
	.our-brand li { margin-left: 1%; transform: scale(0.75); float: none; display: inline-block;}
	ul.hire-team-process li .title-area br { display: none;}
	.our-brand { margin: 5px 0 15px 0;}
	footer { padding: 30px 0px 0px 0px;}
	footer .container { width: 100%;}
	.foot-col { width: auto; padding: 0 2.5% 0 2.5%;}
	.right-area { width: 100%; text-align: left; padding: 0 3%;}
	.phone-contact span { font-size: 20px;}
	.phone-contact, .social-links { width: auto; float: left; padding-right: 30px; min-width: 38%;}
	.top-row { padding-bottom: 10px;}
	.socials { float: right; padding: 7px 0;}
	.right-area .columntitle { width: 100%;}
	.social-foot .content a { float: none;}
	.bottom-row { text-align: center; padding: 15px 0;}
	.bottom-row .left-area { width: 100%;}
	.copyright { text-align: center; font-size: 12px;}
	ul.hire-team-process li { padding: 0 25px 25px;}
	
/*Corporate*/
	ul.corporate-features1 li { padding: 0 10px;}
	.vmid { top:0; max-height: 100%;}
    ul.corporate-features1 li .largetxt { height: 25px; font-size: 25px; display: block;}
    ul.corporate-features1 li { width: 25%; float: left;}
    ul.corporate-features1 li .smalltxt { padding: 5px 0 0; text-align: center;}
    .commonhead, .normalhead h2 { margin: 20px 0 0px; font-size: 20px;}
    .content-wrap { padding: 30px 0;}
    .corporate-left { padding: 0 15px 30px;}
    .hiring-options { width: 100%; margin: 0 auto 20px;}
    .hiring-options ul.questions-answers li.answer { height: auto;}
    .hiring-options .heading3 { padding: 20px 0 20px 0;}
    .home-headings .heading2.larger, .inner-headings .heading2.larger, .home-headings .heading2.larger a, .inner-headings .heading2.larger a { font-size: 15px;}
    .container { width: 100%;}
    .banner-section { height: 380px;}
    .banner-content { margin-top: 85px; padding: 0 0px;}
    .inner-pages .banner-content { margin-top: 90px;}
    .heading1.smaller { font-size: 30px;}
    .services-left-column, .services-right-column { width: 100%; padding: 0 15px;}
    #slide-portfolio h2 { font-size: 50px; letter-spacing: -2px; line-height: 1.8;}
    #slide-portfolio.campcrate { min-height:0;}
    #slides2 .blue-line { display:none;}
    #slides2 .slidesjs-container { height: 620px !important;}
    #slide-portfolio .bottom-grd { top: 130px;}
    #slide-portfolio.campcrate .right-text-sec { top: 0;}
    #slide-portfolio.campcrate .left-img-sec figure { padding-top: 25px;}
    #slide-portfolio.campcrate .first-slide { padding: 0 30px;}
    .tab-section { margin: 0 15px;}
    ul.examples-list li .site-details { font-size:14px;}
    ul.examples-list li { margin: 0 auto 16px;}
    ul.examples-list li .site-details { padding: 10px 0 5px 3px;}
    ul.examples-list li:nth-child(3n-1) { margin: 0 2.3% 16px;}
    .custom_requirements { margin: 0;}
    #slide-portfolio.sections p { font-size: 16px;}
    #slides .banner-section .container { padding: 0 0px;}
    .navigation li > a.estimate { background: rgb(248, 248, 248); border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size: 15px;}
    .contact-columns2 { width: 100%;}
    .homebutton { padding: 18px 40px; font-size: 18px;}
    #slides { height: 380px;}
    .slidesjs-pagination { bottom: 7px;}
    .title-heading, .title-heading h4 { font-size: 20px; margin-bottom: 15px;}
    .column-content { height: 280px}
    .read-more { font-size: 14px; padding: 10px 25px;}
    .column-content .para { font-size: 13px;}
    .overview-section { padding: 40px 0 60px 0;}
    #testimonials .banner-section .para {margin: 7px 10px 25px;}
    #testimonials { height: 340px;}
    .small-title { margin: 0 auto 5px;}
    #testimonials .banner-section .container { padding-top: 35px;}
    .our-brands .container { width: 93%;}
    .service-main-column, .service-order-column, .service-order-column.last { height: auto; width: 100%; max-width: 100%; margin: 0 auto 20px; float: left;}
    .service-order-column.last { padding: 35px 0;}
    .service-order-column .heading { font-size: 24px;}
    .service-page .content-wrap { padding: 0 25px;}
    .service-main-column ul { height: auto;}
    .capabilities { padding: 10px 0 30px;}
    .capabilities h2, .capabilities .h2, .our-brands h2, .our-brands .h2 { font-size: 35px;}
    .testi-area .box { width: 31%;}
    .testi-area { padding:0 0 40px;}
    .inner-headings .heading2.mt0 { margin: 0 auto;}
    .commonhead, .normalhead h2, .normalhead h1 { margin: 45px 0 10px;}
    .features-box, .features-box:nth-child(2n) { padding:0;}
    .features-sec { margin: 10px auto 20px;}
    #ghead .content-wrap { padding: 0 15px;}
    .general-right-column { padding: 30px 15px 0;}
    .inner-pages .main-title.lrg h2 { font-size: 62px;}
    .inner-pages.banner-section .para { margin: 7px 0px 0px;}
    .home-headings, .inner-headings { padding: 20px 0 10px;}
    .inner-pages .main-title.larger h2, .inner-pages .main-title.lrg h2 { font-size: 56px; letter-spacing: -2.5px;}
    .contact-columns1 { padding: 50px 25px; width: 100%; border:0;}
    .contact-columns2 { padding: 20px 25px;}
    .contact-pages { padding-bottom: 20px;}
    .contact-number { margin: 10px auto 0 12px;}
    header nav ul.navigation li.hide-desk a.main-link { border-bottom: 1px solid #ddd;}
	.navigation li.hide-mob { display: none;}
	.navigation li.hide-desk { display: block;}
	
	/*blogpost*/
	.home-blog-listing li:nth-child(2n+1), .home-blog-listing li:nth-child(2n) { padding: 20px 20px;}
	.home-blog-listing { margin-top: 20px;}
	.blogpost .h2 { font-size: 27px;}
	.blogpost { padding: 30px 0 30px;}
    
 
	.nav-menu { width: 40px; display: inline-block; vertical-align: middle; margin: 5px auto 0 20px; cursor: pointer;}
	.nav-menu span { display: inline-block; width: 32px; height: 5px; background: #fff; float: left; margin: 1px auto 7px; position: relative; transition: all 0.3s;}
	.nav-menu span.right-ar { left: 7px;}
	.nav-menu:hover span.right-ar { left:0;}   
    
    a.navbar-toggle { display: none;}
    .nav-menu { margin: 17px auto 0 20px; float: right;}
    .full-screen-menu.section { z-index: 9999;}
    .full-screen-menu.section .container-fluid { max-width: none; min-width: 350px;}
    .full-screen-menu .right-menu { padding: 0 0 0 48px; max-width: 100%;}
    .full-screen-menu .collapse { display: none;}
    .full-screen-menu .collapse.in { display: block;}
    .side-navigation .inner-sub-menus li a { font-size: 16px; padding: 3px 0; width: 100%; transition: all 0.3s; line-height: normal;}
	.nav-menu.open { z-index: 1; position: relative; right: 14px; top: 10px;}
	.contact-columns2 .upper-area .contact-icon { padding:5px 0 40px 0;}
	.contact-columns2 .lower-area { padding: 35px 0;}
	.testi-area .box { margin: 15px 0.8%;}
}


/*Iphone Landscape*/
@media screen and (max-width: 767px){
	header nav .inner-navigation { width: 200px;}
/*inner pages*/
/*slider*/	
	.main-title, .longer .main-title, .main-title, .inner-pages .main-title h2 { font-size: 50px; line-height: 1; margin-bottom: 15px; letter-spacing: -0.5px;}
	#slides .banner-content { margin-top: 100px; padding:0;}
	.banner-section .para { font-size: 15px; font-weight: 400; line-height: 1.2; margin: 0 20px 12px;}
	.banner-content .btn-blue { margin-top: 10px;}
	.banner-section p, .banner-section.longer p { font-size: 16px; font-weight: 400; line-height: 1.2; margin: 0 20px 12px;}
	.banner-section p br { display: none;}
	.blue-line { margin: 0 auto 10px;}
	.livechat { bottom: 20px; right: 20px; transform: scale(1); z-index: 99;}
	.slidesjs-next.slidesjs-navigation { right: 10px;}
	.slidesjs-previous.slidesjs-navigation { left: 10px;}
	.slidesjs-container { height: 375px !important;}
    #slides { height: 375px;}
	.btn-blue, .request-btn { padding: 13px 35px; font-size: 18px; margin: 10px auto 0;}
	
/*home content*/
	.content-wrap { padding: 30px 0;}
	.heading1 { font-size: 34px; letter-spacing: -1.2px; margin-bottom: 8px;}
	.container { width: 100%;}
	.home-headings .heading2, .inner-headings .heading2, .home-headings .heading2 a, .inner-headings .heading2 a, h4.small-heading, .h4.small-heading, .home-headings .heading2.larger, .inner-headings .heading2.larger, .home-headings .heading2.larger a, .inner-headings .heading2.larger a { font-size: 14px; line-height: 1.3;}
	.columns { max-width: none; padding: 0 2%; margin-bottom: 40px;}
	.success-stories { height: auto; padding: 40px 0;}
	.success-stories h4, .diffrentiators h4 { font-size: 38px;}
	.success-stories h5, .diffrentiators h5 { font-size: 16px; margin: 15px auto 15px;}
	.inner-section h2 { font-size: 18px; margin: 24px 0 0;}
	.inner-section p { margin-top: 12px; margin-bottom:0;}
	.content-wrap .capabilities { padding: 20px 0 40px;}
	.capabilities h2, .capabilities .h2, .our-brands h2, .our-brands .h2 { font-size: 34px;}
	.capabilities .container.mt60 { margin-top:0;}
	.capabilities h3, .capabilities .h3 { font-size: 18px;}
	.capabilities p { font-size: 14px;}
	.capabilities .boxes:last-child { margin-bottom: 15px;}
	.call-us-sec h3, .call-us-sec .h3 { margin: 0px auto 25px;  display: inline-block; float: left; line-height: normal; width: 100%;}
	.call-us-sec { padding: 10px 0 0; position: relative;}
	.chat-sec { width: 100%; margin: 0 auto;}
	.chat-sec a.call-info { float: left;}
	.chat-sec a.chat-info { float: right;}
	.request-btn { top: 75px;}
	.our-brands { padding: 20px 0;}
	.our-brand li { margin-left: 0%; transform: scale(0.7);}
	.our-brand { margin: 5px 0 5px 0;}
	
	footer { padding: 30px 0px 0px 0px;}
	footer .container { width: 100%;}
	.foot-col { width: auto; padding: 0 2.5% 0 2.5%;}
	.right-area { width: 100%; text-align: left; padding: 0 3%;}
	.phone-contact span { font-size: 20px;}
	.phone-contact, .social-links { width: auto; float: left; padding-right: 30px; min-width: 38%;}
	.top-row { padding-bottom: 10px;}
	.socials { float: right; padding: 7px 0;}
	.right-area .columntitle { width: 100%;}
	.social-foot .content a { float: none;}
	.bottom-row { text-align: center; padding: 15px 0;}
	.bottom-row .left-area { width: 100%;}
	.copyright { text-align: center; font-size: 12px;}	
	.banner-section.inner .main-title { margin-bottom: 21px;}
	.banner-section.inner p, .heading2, .heading2 h3, .heading2 h2 { font-size: 15px;}
	.banner-section.inner { height: calc(100vh - 66px); padding-bottom:0;}
	.inner .banner-content { width: 100%;}
	
/*Corporate*/
	ul.corporate-features1 li { padding: 0 10px;}
	.vmid { top:0; max-height: 100%;}
    ul.corporate-features1 li .largetxt { height: 25px; font-size: 25px;}
    ul.corporate-features1 li { width: 25%; float: left;}
    ul.corporate-features1 li .smalltxt { padding: 5px 0 0; text-align: center;}
    .content-sec { padding-top: 15px;}
    .commonhead, .normalhead h2 { margin: 20px 0 0px; font-size:20px;}
    .para, .listings { font-size: 14px; line-height: 1.5;}
    .corporate-left, .corporate-right { padding: 0 15px;}
    .blk-heading { padding-top: 35px;}
    .check-list li { font-size: 14px;}
    .content-pages .capabilities { padding: 20px 0 25px;}
    .banner-section.inner .main-title { font-size: 48px; letter-spacing: -2px;}
    .banner-section .container { z-index: 1;}
    .expertise-headings .h1 { font-size: 38px;}
    .expertise-headings .h2 { font-size: 28px;}
    .expertise-development-bulletes .text-details { font-size: 14px;} 
    .expertise-development-bulletes h2, .expertise-development-bulletes strong { font-size: 18px;}
    .expertise-development-bulletes li { padding: 20px 0;}
    .heading1.smaller { font-size: 28px;}
    ul.examples-list { padding: 20px 15px 0;}
    ul.examples-list li .site-details { font-size: 12px; padding: 6px 8px 6px 8px;}
    ul.examples-list li { padding:0; width: 32%; margin: 0 auto 12px;}
    ul.examples-list li:nth-child(3n-1) { margin: 0 2% 12px;}
    .development-process { padding: 40px 0 20px;}
    .hire-developers-sec {}
    .dedicated-teams-page .commonhead { margin: 0px 0 10px;}
    .dedicated-teams-page .content-wrap { padding:0;}
    .hire-developers-right { float: left; width: 100%; padding: 20px 15px 0;}
    .dedicated-teams-page .hire-developers-sec { padding-bottom: 20px;}
    .hiring-options { margin-top: 10px; width: 100%;margin-left: 0;}
    .hiring-options:first-child { margin-top: 30px;}
    .hiring-options ul.questions-answers { padding: 15px;}
    .hiring-options .heading2 { padding: 15px 15px 10px 15px;}
    .hiring-options ul.service-details { padding: 0 15px;}
    .hiring-options .heading3 { padding: 10px 0 20px 0;}
    .hiring-options ul.questions-answers li.question {     font-size: 17px;}
    .bottom-sections { float: left; width: 100%; padding-bottom: 20px;}
    .bullet { padding: 5px 0 0 0;}
    .form-container { margin: 0px auto; padding: 0 15px}
    .contact-form-area .form-group:nth-child(2n+1), .contact-form-area .form-group:nth-child(2n) { margin-bottom: 5px;}
    .form-group label { font-size: 12px;}
    .contact-form-area textarea.form-control { height: 125px;}
    .form-control { padding: 6px 8px; font-size: 12px;}
    .contact-columns2 { width: 100%; margin-top: 30px;}
    .contact-columns2 .lower-area { display: none;}
    .contact-columns2 .upper-area .contact-icon { padding: 20px 15px 20px 15px; background: url(../images/contact-icon.png) no-repeat 98% 90px / 60px;}
    .contact-form-area .form-group.full.captcha, .contact-form-area .form-group.full, .contact-form-area .form-group.full:nth-child(2n+1), .contact-form-area .form-group.full:nth-child(2n) { margin-bottom: 10px;}
    .contact-columns1, .contact-columns2 { padding: 0 5px;}
    
/*development pages*/
    .banner-content { margin-top: 80px;}
    .banner-section { padding-bottom: 0px; background: url(../images/banner-img.jpg) no-repeat scroll 70% 0px / cover;}
    .services-left-column, .services-right-column { padding:0 5px;}
    .custom_requirements { margin-bottom: 0px; padding: 30px 30px 28px 30px;}
        
    #slide-portfolio h2 { font-size: 40px; text-indent: -3px; letter-spacing: -2px;}
    #slide-portfolio.campcrate .right-text-sec { top: 0px;}
    .right-text-sec .blue-line { margin: 10px auto 0px;}
    #slide-portfolio.sections p { font-size: 14px; line-height: 1.2; margin-bottom: 0px; padding: 0 15px;}
    #slides2 .slidesjs-container { height: 500px !important;}
    #slide-portfolio .bottom-grd { top: -20px;}
    #slide-portfolio .btn { top: auto; bottom: 42px;}
    ul.hire-team-process { padding: 40px 0 0;}
    ul.hire-team-process li { padding: 0 25px 25px;}
    #slide-portfolio.campcrate .left-img-sec figure { padding-top: 35px;}
    .testi-area .box { width: 30.2%; padding: 10px 12px;}
    .sitemap-columns .questions-list { margin-bottom: 30px;}
    .tnc { padding:0;}
    .general-left-column .commonhead { }
    .link-list li a { font-size: 14px;}
    .general-right-column { padding: 20px 15px;}
    
	#fancybox-wrap { width: 100%; max-width: 90%; height: auto; padding: 0 !important; left: 0 !important; right: 0 !important;  margin: 0 auto;}
	#fancybox-content { width: 100% !important; height: auto !important;}
	#fancybox-close { right: 0 !Important;}
	#fancybox-left-ico { background: url('fancy_nav_left.png') no-repeat -6px 0px;}
	#fancybox-right-ico { background: url('fancy_nav_right.png') no-repeat -6px 0px;}
	#fancybox-left:hover span {  left: -20px !important; display: none;}
	#fancybox-right:hover span { left: auto !important; right: -22px !important; display: none;}
    .phone-contact span { color:#fff;}
    /*header .logo a { background: url(../images/ossmedia-logo.png) no-repeat center center / 100% auto;}
    .scrolled header .logo a, header.inner-header .logo a { background: url(../images/ossmedia-logo-blk.png) no-repeat center center / 100% auto;}*/    
    .bullet { line-height: 1.4;}    
    #slides .banner-section .container { padding: 0 15px;}
    .banner-content { padding: 0 20px;}
    .banner-content .blue-line { margin: 0 auto 15px;}
    .corporate-right h2 span { font-size: 33px;}
    .tab-section { margin: 20px auto 0;}
    .our-brand li.logo6 { width: 80px;}
    .contact-number { margin: 10px auto 0 12px;}
    .home-headings, .inner-headings { padding: 10px 0 0px;}
    .overview-section { padding: 30px 0 20px 0;}
    .our-brand { padding: 10px 0px;}
    .column-content { height: auto;}
    .portfolio-page .content-wrap { padding: 30px 0 15px;}
    .portfolio-page .our-brands {    padding: 0px 0 30px;}
    .inner .banner-content { margin: 0 auto 10px;}
    .banner-section.inner-pages { background: url(../images/banner-img.jpg) no-repeat 0 -20px / 100% auto; height: 375px;}
    .inner-pages .banner-content { margin-top:100px;}
    .banner-section .para, .inner-pages .para h2 { font-weight:normal;    font-size: 15px;}
    .inner-pages .banner-content { width: 100%; max-width: none;}
    .inner-pages.banner-section .para { margin: 0 0px 12px;}
    .inner-pages .main-title.larger h2, .inner-pages .main-title.lrg h2 { font-size: 48px;}
    .small-title { font-size: 45px;}
    .livechat i.chat-icon, .livechat:hover i.chat-icon { background: url(../images/png-chat.png) no-repeat center center / 100% auto;}
    
    
    a.navbar-toggle { display: none;}
    .nav-menu { margin: 17px auto 0 20px; float: right;}
    .full-screen-menu.section { z-index: 9999;}
    .full-screen-menu.section .container-fluid { max-width: none; min-width: 350px;}
    .full-screen-menu .right-menu { padding: 0 0 0 48px; max-width: 100%;}
    .full-screen-menu .collapse { display: none;}
    .full-screen-menu .collapse.in { display: block;}
    .side-navigation li a, .side-navigation li .menu-link { font-size: 25px; padding: 8px 0;}
    .side-navigation .inner-sub-menus li a { font-size: 16px; padding: 3px 0; width: 100%; transition: all 0.3s; line-height: normal;}
	.nav-menu.open { z-index: 1; position: relative; right: 14px; top: 10px;}
	header .logo a { width: 205px;}
	.navbar-fixed-bottom, .navbar-fixed-top { padding: 7px 5px;}
	.phone-contact { width:100%;}
	
	
    .contact-pages .form-container { margin: 0; padding: 30px 30px;}
    .contact-pages .content-wrap { padding: 0px 0;}
    .contact-pages .container { padding:0;}	
}

/*Iphone Portrait*/
@media screen and (max-width: 567px){	
    .capabilities .container, .container { padding: 0 25px;}
    .capabilities .container { width: 100%;}
	.contact { display: none;}	
	.slidesjs-container { height: 450px !important;}
	#slides .banner-section { height: 450px}
	#slides { height: 450px;}
	#slides .banner-section.slidesjs-slide:nth-of-type(1) .banner-content { margin-top: 85px;}
	#slides .banner-section img { width: auto; height: 420px; position: relative; left: 0; right: 0; top: 0; transform: translate(-23%,0%);}	
	.banner-section:before { z-index: 1;}
	#slides .banner-section .container { z-index: 1; padding:0;}
	#slides .banner-content { padding: 0 25px;}
	.banner-section p, .banner-section.longer p { font-size: 15px; margin: 1px 0px 12px; font-weight: 500; line-height: 1.3;}
	.main-title, .longer .main-title { font-size: 38px; margin-bottom: 11px;}
	.blue-line { width: 80px;}
	.heading1 { font-size: 30px;}
	.columns { width: 100%; padding:0;}
	.row { margin: 0 auto;}
	.columns:last-child { margin-bottom: 20px;}
	.success-stories h4, .diffrentiators h4 { font-size: 28px; font-weight: 600; letter-spacing: -1px;}
	.success-stories h5, .diffrentiators h5 { font-size: 15px; font-weight: 500; line-height: 1.3;}
	.capabilities p { font-size: 14px; line-height: 1.3; font-weight: 400;}
	.chat-sec { display: none;}
	.call-us-sec { padding: 20px 0 30px; height: auto;}
	.success-stories { padding: 30px 0 35px 0;}
	.capabilities h2, .capabilities .h2, .our-brands h2, .our-brands .h2 { letter-spacing: -1px; font-size: 25px;}
	.content-wrap .capabilities { padding: 10px 0 30px;}
	.capabilities h3, .capabilities .h3 { margin: 20px auto 10px auto;}
	.icons-circles { width: 90px; height: 90px;}
	.icons-circles img { max-width: 50px;}
	.icons-circles.smaller img { max-width: 45px;}
	.call-us-sec h3, .call-us-sec .h3 { font-size: 20px; margin-bottom: 5px; position: relative;top:7px;}
	.chat-sec a.call-info { width: 40%; text-align: left; padding:0;}
    .chat-sec a.chat-info { width: 60%; text-align: right; padding:0;}
    .chat-sec a span { font-size: 16px; margin-bottom:0;}
    .chat-sec img { width: 30px;}
    .request-btn { position: relative; top:0; margin-bottom: 2px;}
    .our-brands { padding: 10px 0 15px;}
    .portfolio-page .our-brands { padding: 5px 0 20px;}
    .our-brand { padding: 0; margin: 0 auto 5px; display: none;}
    .our-brand li { float: none; display: inline-block; margin: 0 0 0 1%;}
    .columntitle a, .right-area .columntitle { margin: 0 auto 10px;}
    .foot-col { margin-bottom: 20px; padding:0; width: 100%;}
    .right-area { padding:0;}
    .foot-col li { line-height: 1.5;}
    .foot-col li a { margin: 2px auto; font-size: 13px;}
    .socials { width: 100%; text-align: center;}
    .socials a { margin: 8px auto 0 4px;}
    .top-row { padding-bottom: 4px;}    
    .banner-section.inner .main-title { font-size: 29px; margin-bottom: 18px; letter-spacing: -1.5px;}
    .inner .banner-content { padding:0;}
    .banner-section.inner { height: calc(45vh - 66px); padding-bottom: 2px; background: url(../images/banner-img.jpg) no-repeat 0 0px / 100% 100%;}
    .heading2 { font-size: 14px;}
    .corporate-left, .corporate-right { padding:0;}    
    .corporate-right h2 span { font-size: 20px; line-height: 34px;}
    .row.features-set { margin: -30px -25px 0;}
    ul.corporate-features1 li { width: 50%; float: left; border-bottom: solid 1px #D7D7D7;     padding: 10px 10px;}
    ul.corporate-features1 li:nth-child(3) { border-left:0;}
    ul.corporate-features1 li .largetxt { width: 100%; height: 35px; line-height: 35px;}
    .service-right { padding:0 0 20px 0;}
    .service-right .heading1 { font-size: 27px;}  
    .inner-headings .heading1 { font-size: 27px; margin-bottom: 15px;}
    .services-left-column p { line-height: 1.5;}
    .slidesjs-previous.slidesjs-navigation, .slidesjs-next.slidesjs-navigation { display: none;}
    .expertise-headings .h1 { margin-top: 0; font-size: 30px;}
    .expertise-left, .hire-developers-left { padding:0;}
    .expertise-headings .h2 { font-size: 20px; line-height: 1.4; margin-bottom: 15px;}
    .expertise-right, .hire-developers-right { float: left; padding:0;}
    .icon-area { width: 44px; height: 44px;}
    .check-list li { padding: 15px 10px 15px 60px;}
    .icon-area img { max-width: 44px; top: 3px;}
    .expertise-development-bulletes .text-details { padding-left: 15px; width: calc(100% - 50px);}
    .expertise-development-bulletes h2, .expertise-development-bulletes strong { padding-bottom: 5px;}
    .expertise-development-bulletes li:last-child { border-bottom:0;}
    ul.examples-list li { width: 100%; padding: 8px;}
    ul.examples-list li:nth-child(3n-1) { margin: 0 auto 12px;}
    ul.examples-list { padding: 20px 0px 0;}
    ul.examples-list li .site-details { padding: 10px 8px 10px 8px; font-size: 15px;}
    ul.hire-team-process li .thumb-area { transform: scale(0.75); image-rendering: optimizespeed;}
    ul.hire-team-process li .title-area { padding:0;}
    ul.hire-team-process li .sub-title-area { padding-top: 6px; line-height: 1.3; font-size: 14px;}
    ul.hire-team-process li { border:0; padding: 0 0px 25px;}
    .hiring-options .heading3 .button1 { width: 90%;}
    .form-container { padding: 0;}
    .contact-form-area .form-group:nth-child(2n+1), .contact-form-area .form-group:nth-child(2n) { padding:0; width: 100%;}
    .contact-number { width: 100%; margin: 20px auto 0; font-size: 14px;}
    .btn-blue.submit { width: 100%;}
    .inner-section p { font-weight: 400; font-size:14px; line-height: 1.3;}
    .inner-section h2 { font-size: 20px;}
    .social-foot .content a {    font-size: 12px; line-height: 1.3; margin-bottom: 8px;}
    .custom_requirements { padding: 20px 20px 20px;}
    .custom_requirements .btn-blue.submit { margin: 5px auto 0;}
    .custom_requirements .security_code .g-recaptcha { -webkit-transform: scale(1.01) !important; -moz-transform: scale(1.01) !important; -ms-transform: scale(1.01) !important; -o-transform: scale(1.01) !important; transform: scale(1.01) !important; margin-left: 2px;}
    .custom_requirements .form-group.captcha { margin-bottom: -5px;}
    #slide-portfolio.campcrate { min-height:0;}
    #slide-portfolio .slidesjs-control { height: 100% !important;}
    #slides2 .slidesjs-container { height: 440px !important;}
    #slide-portfolio .bottom-grd { height: 440px;}
    #slide-portfolio.campcrate .left-img-sec figure { padding-top: 50px;}
    #slide-portfolio h2 { font-size: 35px;}
    
    .portfolio-page .content-wrap { padding: 30px 0 15px;}    
    .testi-area .box { width: 100%; padding: 15px 18px; margin: 10px auto;}
    .testi-area .box .title1 { font-size: 20px; line-height: 1.3;}
    .transitions-enabled.masonry .masonry-brick { font-size:14px; line-height: 1.3;}
    .testi-area .box .title2 { padding-bottom: 12px;}
    .sitemap-columns { padding:0;}
    .sitemap-columns .questions-list { padding-left:15px;}
    .general-topics a { font-size: 16px; padding-bottom: 5px;}
    .questions-list li a { font-size: 13px;}
    .sitemap-columns .questions-list { margin-bottom: 25px;}    
    .general-left-column, .general-right-column { padding: 0px 0px 20px;}
    .longer .banner-content { padding: 0 7px;}
    .columntitle.hide-mob { display: none;}
    .columntitle.hide-desk { display: block;}
    .collapse { display: none;}
    .foot-col { margin-bottom: 5px;}
    .foot-col ul { margin-bottom: 20px;}
    .form-control { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none;}
    .form-group label { font-size: 15px;}
    .intl-tel-input { margin-bottom: 12px;}
    .iti-mobile .intl-tel-input.iti-container, .intl-tel-input .country-list { left:0 !important; right:0 !important; margin: 0 auto !important;}
    #contact_form .g-recaptcha > div { transform: scale(1.16); margin-left: 24px;}
    .thanks-page .contact-columns .h2 { font-size: 22px;}
    .home-headings .heading2 h1, .inner-headings .heading2 h1 { display: inline;}
    .call-us-sec .container { width: 100%;}
    ul.hire-team-process li .title-area br { display: block;}
    ul.hire-team-process li .title-area { font-size: 18px;}
    .banner-content { padding: 0 15px;}
    #slide-portfolio.campcrate .first-slide { padding: 0 28px;}
    .banner-section .banner-content { padding: 0 8px;}
    .banner-section { padding-bottom: 30px; background: url(../images/banner-img.jpg) no-repeat scroll 70% 0px / auto 100%;}
    .custom_requirements .form-area label, .custom_requirements .form-group.active label { top: -3px;}
	.custom_requirements .intl-tel-input { margin-bottom: 12px !important;}
	.navigation li.show-mob { display: block;}
	.navigation li.hide-mob { display: none;}
	.banner-content .blue-line { margin: 6px auto 15px;}
    #slides .banner-section .container { width: 100%;}
    .banner-section .para { margin: 0 10px 12px; font-weight: 500; line-height: 1.3;}
    .small-title { font-size: 30px; font-weight: 600;}
    .testi-content { padding: 0;}
    #testimonials .banner-section .para { margin-bottom: 15px; font-size: 14px;}
    #testimonials .banner-section .container { padding-top: 30px;}
    #testimonials .slidesjs-container { height: 320px !important;}
    #testimonials { height: auto;}
    h4.small-heading.mt0, .h4.small-heading.mt0 { margin: 0;}
    h4.small-heading, .h4.small-heading, .home-headings .heading2, .inner-headings .heading2, .home-headings .heading2 a, .inner-headings .heading2 a, h4.small-heading, .home-headings .heading2.larger, .inner-headings .heading2.larger, .home-headings .heading2.larger a, .inner-headings .heading2.larger a, .banner-section.inner p, .heading2, .heading2 h3, .heading2 h2 { font-size: 13px; line-height: 1.4;}
    .call-us-sec { padding: 20px 0 30px; height: auto;}
    .call-us-sec h3, .call-us-sec .h3 { font-size: 20px; margin-bottom: 5px; position: relative; top: 7px;}
    .call-us-sec .request-btn { position: relative; top: 0; margin-bottom: 2px;}
    .commonhead, .normalhead h2 { font-size: 22px; line-height: 1.2;}
    .banner-section.inner .blue-line { /*margin-bottom: 10px;*/ margin: 0px auto 13px;}
    .allheadings .heading2 { margin-top: 0; font-size: 16px;}
    .service-page .content-wrap { padding:0;}
    .navigation li.hide-desk { display: block;}
    .banner-section.inner-pages { background: url(../images/banner-img.jpg) no-repeat 0 0px / auto 100%; height: 450px; padding-bottom: 20px;}
    .inner-pages .banner-content { margin-top:115px;}
    .main-title, .longer .main-title, .inner-pages .main-title h2 { font-size: 34px; letter-spacing: -1.5px;}
    #slides .main-title { font-size: 42px; letter-spacing: -2px;}
    #click-soft { float: left; width: 100%; margin: 10px auto 0;}
    .inner-pages .main-title.larger h2, .inner-pages .main-title.lrg h2 { font-size: 40px; letter-spacing: -1.5px; line-height: 1; margin-bottom: 14px;}
    .pbm0 { padding-bottom: 0;}
    .faq1 .h2 { max-width: calc(100% - 70px); font-size: 16px;}
    .our-brands .h2 { margin-top: 20px;}
	.foot-col ul { float: left;}
	.phone-contact span { font-size: 35px;}
	.socials { float: right; padding: 10px 0;}
	footer .container { padding: 0;}
	footer .container .top-row { padding: 0 25px 4px;}
	footer .bottom-row { padding: 20px 25px;}
	.social-foot li, .social-foot li a h2, .copyright { font-size: 13px; line-height: 1.3;}
	.social-foot li.content { margin: 0 auto 8px;}
	.social-foot .content a { margin:0;}
	.icons-circles { overflow: hidden;}
	.icon-area, .icon-area img { border:0; box-shadow: none; outline: 0; appearance: none; -moz-appearance:none; -webkit-appearance: none; float: left;}
	.icons-circles::before { display: none;}
	.icons-circles { padding-top: 20px;}
	.capabilities .boxes:first-child .icons-circles { padding-top: 26px;}
	.capabilities .boxes:nth-child(3) .icons-circles { padding-top: 23px;}
	
	/*blogpost*/
	.home-blog-listing li:nth-child(2n+1), .home-blog-listing li:nth-child(2n) { padding: 10px 10px 30px;}
	.blogpost .h2 { font-size: 18px;}
	.blogpost .post-content strong a { font-size: 15px;}
	.blogpost .post-content p { font-size: 13px; line-height: 1.4;}
	.blogpost { padding: 20px 0 20px;}
	
	
	.full-screen-menu.section .container-fluid { max-width: none; min-width: 100%; height:100vh;}	
	.full-screen-menu .right-menu { padding: 0 25px; max-width:100%; width:100%; height: 90vh; overflow: auto;}
	.side-navigation { width: calc(100% - 50px); top: 45%;}
	header { padding: 10px 10px;}
	.header-container { padding:0;}
	.logo, .scrolled .logo, .inner-header .logo { padding:0;}
	.fr .contact-number { display: none;}
	.navbar-header { max-width: 140px; padding: 0; float: left;}
	.nav-menu.open { z-index: 1; position: relative;}
	.scrolled header .nav-menu { margin: 12px auto 0 20px;}	
    .nav-menu { margin: 12px auto 0 20px; float: right;}
	.side-navigation li a, .side-navigation li .menu-link { font-size: 30px; padding: 10px 0;}
    .side-navigation .inner-sub-menus li a { font-size: 16px; padding: 3px 0; width: 100%; transition: all 0.3s; line-height: normal;}
    .full-screen-menu .nav-menu.open { right: 0px; margin: 13px 0;}
    
    .banner-section.inner { margin-top: 0px;}
    .capabilities .boxes { padding: 0 10px;}
    
    .contact-pages .form-container { margin: 0; padding: 30px 30px;}
    .contact-pages .content-wrap { padding: 0px 0;}
    .contact-pages .container { padding:0;}
    
    
    .banner-section.inner-pages .container { position: relative; top:0; transform: none; width:100%;}
    .small-title { margin: 0 auto 10px;}
    .contact-columns2 .upper-area .contact-icon { padding:20px 0px 20px 0;}
    .banner-section .banner-content { padding:0;}
    .allheadings .heading2 h2 { font-size: 16px;}
}

/*Iphone Portrait*/
@media screen and (max-width: 375px){
    #contact_form .g-recaptcha > div { transform: scale(1); margin-left: 0px;}
	.main-title, .longer .main-title { font-size: 36px;}
    .custom_requirements .security_code .g-recaptcha { -webkit-transform: scale(0.9) !important; -moz-transform: scale(0.9) !important; -ms-transform: scale(0.9) !important; -o-transform: scale(0.9) !important; transform: scale(0.9) !important; margin-left: -14px;}
    #slides .main-title { font-size: 39px; letter-spacing: -2px;}
    .banner-section.inner { height: 300px; background: url(../images/banner-img.jpg) no-repeat 0 0px / auto 100%;}
}

/*Android Portrait*/
@media screen and (max-width: 365px){
	#contact_form .g-recaptcha > div { transform: scale(1); margin-left: 0px;}
	.success-stories h4, .diffrentiators h4 { font-size: 27px;}
	.success-stories h5, .diffrentiators h5 { font-size: 14px;}
	.capabilities h2, .capabilities .h2, .our-brands h2, .our-brands .h2 { font-size: 24px;}
	.banner-section.inner .main-title { font-size: 28px;}
	.service-right .heading1 { font-size: 26px;}
	.main-title, .longer .main-title { font-size: 24px;}
	#slides .main-title { font-size: 38px;}
	.corporate-right h2 span { font-size: 19px;}
	.heading2 { font-size: 15px;}
	.expertise-headings .h2 { font-size: 19px;}
	.hiring-options .heading3 { padding: 15px 0 20px 0;}
	.hiring-options .heading3 .button1 { font-size: 17px; padding: 10px 0;}
	.hiring-options { margin-top: 0px;}
	.banner-section p, .banner-section.longer p { font-size: 14px;}
	#slide-portfolio h2 { font-size: 33px;}
	#slide-portfolio.sections p { font-size: 12px; padding: 0;}
	#slide-portfolio.campcrate .first-slide { padding: 0 15px;}
	#slides2 .slidesjs-container { height: 390px !important;}
	#slide-portfolio .bottom-grd { height: 390px;}
	#slide-portfolio .btn.gossups { font-size: 17px; width: 200px;}
    .custom_requirements .security_code .g-recaptcha { -webkit-transform: scale(0.85) !important; -moz-transform: scale(0.85) !important; -ms-transform: scale(0.85) !important; -o-transform: scale(0.85) !important; transform: scale(0.85) !important;margin-left: -21px;}
}