/*Artoon style guide */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;color: #273773; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul {list-style: none;padding:0;margin: 0;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
*, *:after , *:before { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
img,a{display: inline-block;text-decoration:none;}
img{font-size:0;margin:0;max-width:100%;}
html,body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;margin:0;scroll-behavior: smooth;counter-reset: my-sec-counter;}
*{box-sizing:border-box;}
a,a:hover { color: #fff; }
body p:last-child {margin-bottom:0;}
body{overflow-x:hidden;font-family: 'Campton-Light';}
@font-face {font-family: 'Campton-Bold'; src: url('../fonts/Campton-Bold.woff'),url('../fonts/Campton-Bold.woff2'); font-weight: normal; font-style: normal; font-display:swap; }
@font-face {font-family: 'Campton-Light'; src: url('../fonts/Campton-Light.woff'),url('../fonts/Campton-Light.woff2'); font-weight: normal; font-style: normal; font-display:swap; }
@font-face {font-family: 'OpenSans-Bold'; src: url('../fonts/OpenSans-Bold.ttf'),url('../fonts/OpenSans-Bold.woff'),url('../fonts/OpenSans-Bold.woff2'); font-weight: normal; font-style: normal; font-display:swap; }
@font-face {font-family: 'OpenSans-Light'; src: url('../fonts/OpenSans-Light.ttf'),url('../fonts/OpenSans-Light.woff'),url('../fonts/OpenSans-Light.woff2'); font-weight: normal; font-style: normal; font-display:swap; }
@font-face {font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans-Regular.ttf'),url('../fonts/OpenSans-Regular.woff'); font-weight: normal; font-style: normal; font-display:swap; }
@font-face {font-family: 'Playfair-display'; src: url('../fonts/Playfair-Italic.woff2'),url('../fonts/Playfair-Italic.woff'); font-weight: normal; font-style: normal; font-display:swap;}
@font-face {font-family: 'CaneletterScriptThin'; src: url('../fonts/CaneletterScriptThin_PersonalUse.otf'); font-style: normal; font-display:swap; }
h1 {font-family: 'Campton-Bold'; font-size: 60px; line-height: 62px; color: #273773;margin-bottom: 24px;}
h2{font-family: 'Campton-Bold';font-size:46px;color:#273773;}
h3 {font-family: 'Campton-Bold'; font-size: 38px; color: #273773; line-height: 48px; }
h4 {font-family: 'Campton-Bold'; font-size: 30px; color: #273773; line-height: 38px; }
p{font-family: 'Campton-Light';font-size:18px;line-height: 25px;margin-bottom:15px;}
/*-------------------------- FOUC CSS START ----------------------------*/
.container{width:100%;max-width:1240px;padding: 0 20px;margin:0 auto;}
.artoon-flex{display: flex; align-items: center; justify-content: space-between;}
.clear{clear:both;}
.center{text-align:center;}
/* NAV-BAR CSS START */
.header-container{width:100%;max-width:1820px;padding: 0 50px;margin:0 auto;}
header.navigation {padding: 36px 0;position: relative; z-index: 5;transition:0.4s ease;}
.fixed_header {min-height: 144px;}
header.navigation.sticky.fixed {position: fixed; top: 0; width: 100%; left: 0; z-index: 999; background: #fff; padding: 10px 0; box-shadow: 0 0 3px #331;}
header.navigation.sticky.fixed .brand img{width: 70px;}
header.navigation.sticky.fixed .nav-mobile {height: 70px;}
header.navigation.sticky.fixed #nav-toggle{top: 25px;}
.brand {max-width: 160px;}
nav ul li {position: relative; }
nav ul li a, nav ul li a:visited {display: block; font-family: 'Campton-Light';padding-right: 30px;font-size: 18px; color: #273773; }
nav ul li:first-child a{padding-left:0;}
nav ul li:last-child a{padding-right:0;}
nav ul li a:hover, nav ul li a:visited:hover {color: #8cd8bc;}
nav ul li.active a{color: #8cd8bc;}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {padding-left: 4px; content: ' ▾'; }
nav ul li ul li a {padding: 15px; line-height: 20px; }
.nav-dropdown {position: absolute; display: none; z-index: 1; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); }
.header-last .header-contact{color:#273773; font-size: 18px; padding-right: 50px;}
.header-last .header-contact img{vertical-align: sub;}
.let_discuss{font-family: 'Campton-Bold';color:#273773; font-size: 24px;border-bottom: 5px solid #8cd8bc;}
.let_discuss:hover,.let_discuss:focus,.let_discuss:active{color: #273773;}
/* Mobile navigation */
.nav-mobile {display: none; position: absolute; top: 0; right: 0;height: 100px; width: 70px;}
#nav-toggle {position: absolute; left: 18px; top: 42px; cursor: pointer; padding: 10px 35px 16px 0; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: #273773; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; }
#nav-toggle span:before {top: -10px; }
#nav-toggle span:after {bottom: -10px; }
#nav-toggle.active span {background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0; }
#nav-toggle.active span:before {transform: rotate(45deg); }
#nav-toggle.active span:after {transform: rotate(-45deg); }
/* NAV-BAR CSS END'S */
/* Banner section Css start */
.banner_wrapper{max-width:1920px;margin:auto;position:relative;}
.banner_block_wrapper {display: flex; justify-content: space-between; }
.banner_block {margin-bottom: 95px; margin-top: 10px;position: relative; z-index: 5; }
.banner_block .text_wrapper {max-width: 580px; padding-top: 124px;}
.banner_block .text_wrapper p{line-height: 32px; margin-bottom: 25px;}
.banner_block .images_wrapper {max-width: 680px; position: absolute; right: 0; top: -100px; left: 51%;}
.banner_block .images_wrapper img{ min-width: 838px;}
.banner_block .text_wrapper > span{color: #8cd8bc;font-size: 38px; font-family: 'Campton-Light';padding-bottom: 30px;display: block;}
.image_layer{position: absolute; width: 157px; height: 319px; left: -10px; top: 0; z-index: -1; -webkit-animation: zoom-fade 3s infinite linear; animation: zoom-fade 3s infinite linear; background-repeat: no-repeat; }
.banner_block:after,.what-we-do-sec-wpr:after{content: '';background-image: url('../images/tr1.png');width: 42px;height: 46px;position: absolute;bottom: -100px;left: 30px;animation-name: rotateme; animation-duration: 100s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;}
.what-we-do-sec-wpr:after{right: 30px;left: auto;bottom: -60px;}
@keyframes rotateme {
from {transform: rotate(0deg); }
to {transform: rotate(360deg); }
}
@-webkit-keyframes rotateme {
from {-webkit-transform: rotate(0deg); }
to {-webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotateme {
from {-moz-transform: rotate(0deg); }
to {-moz-transform: rotate(360deg); }
}
@-o-keyframes rotateme {
from {-o-transform: rotate(0deg); }
to {-o-transform: rotate(360deg); }
}
/* Banner section Css End's */
/*=======================================================================*/
/*======================== PAGE CSS START ==========================*/
/*=======================================================================*/
/*title design ends*/
/*background images*/
.background_block{background:url(../images/background.jpg) no-repeat center;background-size:cover;background-attachment:fixed;padding: 100px 0 140px;}
/*Brand logo start*/
.brand_logo_block_wrapper {border-bottom: 2px solid #efeff7; padding-bottom: 45px; }
.brand_logo_block_wrapper .images_wrapper{display: flex;justify-content: space-between;align-items: center;}
.brand_logo_block_wrapper .images_wrapper > div {width: 17%; }
/*Brand logo end*/
/* what-we-do Section Start */
.what-we-do-section{position: relative;padding-top:100px; }
.what-we-do-sec-wpr{ margin: 0 0 20px;position: relative;}
.what-we-do-sec-wpr .what-we-do-desc{ max-width: 540px; width: 100%; padding: 20px 0 90px; }
.block_title{color: #8cd8bc;font-size: 30px;margin-bottom: 15px; line-height: 30px; }
.what-we-do-sec-wpr h2{margin-bottom: 60px;}
.what-we-develop {flex-wrap: wrap; align-items: unset; }
.what-we-develop .dev_block {position: relative; border: 1px solid #bfc6e2; width: calc(33% - 18px);padding: 45px;border-bottom: 5px solid #bfc6e2;-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1);background-color: #fff; }
.what-we-develop .dev_block:before,.what-we-develop .dev_block:after{content: ''; position: absolute; z-index:-1; background: #8cd8bc; height:1px; width: 0; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1) }
.what-we-develop .dev_block::before {left: 0; bottom:-1px; }
.what-we-develop .dev_block::after {right: 0; top:-1px; }
.what-we-develop .dev_block:hover::after,.what-we-develop .dev_block:hover::before{width:100%; z-index:1; transition: all 0.5s ease; }
.what-we-develop .dev_block:hover{border-left:1px solid #8cd8bc; border-right:1px solid #8cd8bc; border-bottom-color:#8cd8bc; }
.what-we-develop .dev_block h3{padding: 50px 0;}
.what-we-develop .dev_block ul li{color: #273773;font-size: 18px;line-height: 25px;margin-bottom: 12px;}
.what-we-develop .dev_block ul li span{font-family: 'OpenSans-Regular';}
.what-we-develop .dev_block:hover img {transform: scale(1.1); transition: 0.8s; }
.what-we-develop .dev_block img{transition: 0.8s;}
.what-we-do-img{margin: auto;}
.what-we-do-sec-wpr:before{content: '';background-image: url('../images/dash-curv.png');width: 152px;height: 258px;position: absolute;left: 50px;top: 20%;}
.what-we-do-section:after{content: '';background-image: url('../images/dot.png');width: 30px;height: 24px;position: absolute;right: 80px;bottom:-80px; -webkit-animation: zoom-fade 2s infinite linear;
animation: zoom-fade 2s infinite linear}
@-webkit-keyframes zoom-fade {
0% {-webkit-transform: scale(0.9); transform: scale(0.9); }
50% {-webkit-transform: scale(1); transform: scale(1); }
100% {-webkit-transform: scale(0.9); transform: scale(0.9); }
}
@keyframes zoom-fade {
0% {-webkit-transform: scale(0.9); transform: scale(0.9); }
50% {-webkit-transform: scale(1); transform: scale(1); }
100% {-webkit-transform: scale(0.9); transform: scale(0.9); }
}
/* what-we-do Section End */
/*cash study start*/
.cash-study{background-color: #ecf7f3;padding: 50px 0;}
.cash-study-block{padding: 50px;justify-content: space-evenly;}
.cash-study-block .cash-study-content{max-width: 485px; padding-left: 50px;}
.cash-study-block .cash-study-content span{font-size: 18px; line-height: 28px;display: block;padding: 40px 0;}
.cash-study-block{display: flex !important;}
.cash-study-slider .slick-arrow{ width: 80px; height: 80px; border-radius: 50%; background: #fff; z-index: 5;}
.cash-study-slider .slick-next { right: 0px; top: 48%; }
.cash-study-slider .slick-prev { left: 0px; top: 48%; }
.cash-study-slider .slick-prev:before,.cash-study-slider .slick-next:before{ font-family: 'OpenSans-Regular',sans-serif; opacity: 1; content: ''; width: 15px; height: 15px; background: transparent; display: block; border-top: 3px solid #8cd8bc; border-left: 3px solid #8cd8bc; left: 50%; position: absolute; top: 50%; transform: translate(-40%,-40%) rotate(-45deg) ; }
.cash-study-slider .slick-next:before{ transform: translate(-70%,-30%) rotate(135deg); }
/*cash study end*/
/*who-we-are-inner start*/
.who-we-are .who-we-are-inner{text-align: center;padding: 100px 0 100px;background-image: url('../images/who-we-back.png');background-size: cover; background-position: 50px -20px; background-repeat: no-repeat;}
.who-we-are .who-we-are-inner h2{max-width: 605px;margin:auto;}
.who-we-are .who-we-are-inner .counter_block {display: flex; justify-content: space-around; padding:53px 40px;background-color: #fff;box-shadow: 0px 0px 50px -10px #ddd; margin-top: 45px;border-radius: 25px;}
.who-we-are .who-we-are-inner .counter_block .single_counter span{font-size: 70px;font-family: 'Campton-Bold';color: #8cd8bc;}
.who-we-are .who-we-are-inner .counter_block .single_counter span > span{color: #8cd8bc;font-family: 'OpenSans-Bold';line-height: 70px;}
.who-we-are .who-we-are-inner .counter_block .single_counter p{font-size: 15px;}
.who-we-are-client .who-we-top{display: flex;justify-content: space-between; align-items: center;}
.who-we-are-client .who-we-top .who-we-title h2{max-width: 450px;}
.our-client-say {display: flex; justify-content: space-between; flex-wrap: wrap; }
.our-client-say .client-block {position: relative; border: 1px solid #bfc6e2; width: calc(33% - 18px);padding: 45px;border-bottom: 5px solid #bfc6e2;-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1); }
.our-client-say .client-block:before,.our-client-say .client-block:after{content: ''; position: absolute; z-index:-1; background: #8cd8bc; height:1px; width: 0; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1) }
.our-client-say .client-block::before {left: 0; bottom:-1px; }
.our-client-say .client-block::after {right: 0; top:-1px; }
.our-client-say .client-block:hover::after,.our-client-say .client-block:hover::before{width:100%; z-index:1; transition: all 0.5s ease; }
.our-client-say .client-block:hover{border-left:1px solid #8cd8bc; border-right:1px solid #8cd8bc; border-bottom-color:#8cd8bc; }
.our-client-say .client-block .client-img{ max-width: 170px;}
.our-client-say .client-block .c-img-block {min-height: 80px; }
.our-client-say .client-block h4{margin-top: 30px;}
.our-client-say .client-block span{color: #8cd8bc; font-size: 18px;font-family: 'Campton-Light';}
.our-client-say .client-block p{margin-top: 35px;}
.our-client-say .client-block p span{font-family: 'OpenSans-Regular'; color: #273773;}
.our-client-say .client-block .c-quote{float: right;}
/*who-we-are-inner end*/
/*contact-us Start*/
.contact-us{padding: 100px 0;}
.contact-us .contact-us-inner{box-shadow: 0px 0px 50px -10px #ddd;border-radius: 25px;padding: 50px;text-align: center;}
.contact-us .contact-us-inner p{font-size: 30px;line-height: 30px;}
.contact-us .contact-us-inner .contact-detail{display: flex;justify-content: center;align-items: center;}
.contact-us .contact-us-inner .contact-detail a{font-size: 45px;font-family: 'Campton-Bold';color: #8cd8bc;}
.contact-us .contact-us-inner .contact-detail p{position: relative;z-index: 9;}
.contact-us .contact-us-inner .contact-detail p span{color: #bfc6e3; border: 1px solid #bfc6e3; border-radius: 100%; line-height: 38px; font-size: 18px; height: 38px; width: 38px; margin: 0 20px;position: relative;z-index: 3;display: block; background-color: #fff;}
.contact-us .contact-us-inner .contact-detail p:after{border-left: 1px solid #bfc6e3; width: 1px;height: 60px;content: '';position: absolute;left: 38px;top: -11px;}
/*contact-us End*/
/*subscribe Start*/
.subscribe_form {border-radius: 25px; padding:32px 35px; box-shadow: 0px 0px 50px -10px #ddd;margin: 60px 0;}
.subscribe_form:before{top: 4px; content: '';background-image: url('../images/mail.png');width: 34px;height: 26px;position: relative;float: left; margin-right: 30px;}
#subscribe_form input{width: 70%; border: none; font-size: 18px; padding: 7px 15px 7px 0;}
.subscribe_btn { float: right; padding: 0; padding-top: 5px; font-family: 'Campton-Bold'; color: #273773; border: none; font-size: 24px; border-bottom: 5px solid #8cd8bc; background-color: transparent; } #subscribe_form input::placeholder{color: #273773;}
.subscribe_btn:focus{outline: none;}
#subscribe_form input:focus{outline: none;}
.subscribe .subscribe-right{ width: 60%;}
.subscribe-right p{padding-top: 35px;}
.subscribe_inner{position: relative;}
.subscribe_inner:after{border-bottom: 1px solid;position: absolute;bottom: 5px;left: 0;right: 0;content: '';width: 100%;height: 1px;}
/* Footer Section Start */
footer {overflow: hidden;}
footer .footer-sec{ }
.footer-top{ padding: 100px 0 45px;}
.footer-top .footer-say-hello h2{ color: #8cd8bc;padding: 0 20px;}
.footer-bottom .footer-detail-block{padding: 0 55px;}
.footer-bottom .footer-detail-block:first-child{ padding-left:0px; border-right: 2px solid #ecf7f3; }
.footer-bottom .footer-detail-block > span{ font-family: 'Campton-Light',sans-serif; font-size: 18px; color: #8cd8bc; text-transform: capitalize; }
.footer-bottom .footer-detail-block p a,.footer-bottom .footer-detail-block p{ color: #273773; font-family: 'Campton-Light',sans-serif; font-size: 18px;margin-bottom: 0; }
.footer-bottom{ padding-bottom: 105px; }
.footer-bottom .footer-detail-block h4{margin-bottom: 50px;}
footer .footer_copyright_bottom{ background: #8cd8bc; padding: 13px 10px 9px; text-align: center; }
footer .copyright-text p,footer .tearms-condition a{font-size: 18px; line-height: 28px; color: #fff; }
footer .tearms-condition a:first-child{border-right: 1px solid #fff;margin-right: 15px;padding-right: 15px;}
.footer-contact{justify-content: unset; }
/* Footer Section End */
/*scroll top*/
.scroll_top {background: #568fd2 url(../images/top.png); border-radius: 50%; bottom: -100px; color: #ffffff; font-size: 20px; height: 50px; padding-top: 11px; position: fixed; right: 20px; text-align: center; width: 50px; z-index: 99991; background-repeat: no-repeat !important; background-position: center !important; background-size: 30px !important; transition: all 0.5s ease; }
.scroll_top:hover{background: #6fab4e url(../images/top.png);}
/*=======================================================================*/
/*=======================================================================*/
/*======================= MEDIA QUERY CSS START =========================*/
/*=======================================================================*/
@media screen and (min-width:992px){ .nav-list{display: flex;} }
@media screen and (max-width:1199px){
.what-we-develop .dev_block,.our-client-say .client-block{padding: 25px;}
#subscribe_form input{width: 62%;}
h2 {font-size: 38px;}
nav ul li a, nav ul li a:visited{font-size: 16px;padding-right: 22px;}
.header-last .header-contact{padding-right: 20px;}
.footer-top{padding: 40px 0;}
.footer-top .footer-contact{padding-top: 20px;}
.footer-top .footer-contact-detail:first-child{padding-right: 40px;}
.footer-bottom{flex-direction: column;padding: 30px 0;}
}
@media screen and (max-width:991px){
.navigation .artoon-flex {position: relative;}
nav {padding: 0; width: 100%; max-width: 80px; height: 100vh; max-height: 72px; padding: 70px 0 15px; }
header.navigation {z-index: 999;padding: 15px 0;position:relative;}
nav ul li a, nav ul li a:visited {color: #ffffff; padding-right: 0; line-height: 20px;}
nav ul {position: absolute; z-index: 9991; background: #273773; width: 100%; left: 0px; top: 110px; padding: 30px; }
nav ul li a {padding: 5px 0; }
.brand_logo_sec {padding-top: 80px; }
.banner_block .images_wrapper img {min-width: 768px; }
/*---- home page query ----*/
.nav-mobile {display: block;}
nav ul {display: none; }
nav ul li {float: none; }
nav ul li ul li a {padding-left: 30px; }
.nav-dropdown {position: static; }
.fixed_header {min-height: 102px;}
.header-last{margin-right: 73px;}
h1 {font-size: 38px;line-height: 44 px;margin-bottom: 12px;}
.banner_block .text_wrapper {max-width: 390px;padding-top: 64px;}
.banner_block .images_wrapper {max-width: 540px;}
.banner_block {margin-bottom: 80px; margin-top: 20px;}
.banner_wrapper .container {max-width: 1020px;padding: 0 20px;}
nav ul li a, nav ul li a:visited {padding-right: 18px;font-size: 16px;}
.header-last .header-contact{padding-right: 25px;}
.brand_logo_sec{padding-top: 50px;}
h2 {font-size: 28px;line-height: 38px }
h3{ font-size: 25px; line-height: 35px;}
h4{font-size: 22px;line-height: 32px;}
.what-we-develop .dev_block h3 {padding: 20px 0; }
.header-container{padding: 0 15px;}
.what-we-do-section{padding-top: 50px;}
.what-we-do-sec-wpr{margin: 0 0 50px;}
.who-we-are .who-we-are-inner{padding:0 0 50px;}
.our-client-say .client-block span{font-size: 15px;}
.our-client-say .client-block p{margin-top: 25px;}
.our-client-say .client-block h4{margin-top: 20px;}
.contact-us{padding: 70px 0 50px;}
.contact-us .contact-us-inner .contact-detail a{font-size: 32px;}
.contact-us .contact-us-inner p {font-size: 25px;}
#subscribe_form input {width: 59%; }
.subscribe_btn{font-size: 18px;}
.subscribe_form{padding: 25px;}
.subscribe_form:before{margin-right: 10px;}
.footer-say-hello .block_title{font-size: 20px;margin-bottom: 0;}
.who-we-are .who-we-are-inner .counter_block .single_counter span{font-size: 50px;}
.who-we-are .who-we-are-inner .counter_block .single_counter span > span{line-height: 50px;}
}
@media screen and (max-width:767px){
.banner_block_wrapper {display: block;}
.banner_block .text_wrapper {max-width: 1000%; padding-top: 0; text-align: center; margin-bottom: 20px; }
h1{display: block;}
.banner_block .images_wrapper img{display: none;}
/*---- home page query ----*/
.what-we-do-section{padding-top: 30px;}
.what-we-do-sec-wpr {margin: 0 0 30px;}
.brand_logo_sec{padding-top: 0;}
.brand_logo_block_wrapper{padding-bottom: 25px;}
.what-we-do-sec-wpr h2{margin-bottom: 30px;}
.block_title{font-size: 20px;margin-bottom: 5px;}
.what-we-do-sec-wpr .what-we-do-desc{ padding: 20px 0 30px;}
.what-we-develop .dev_block, .our-client-say .client-block{width: calc(50% - 18px);margin-bottom: 15px;}
.what-we-develop .dev_block ul li{font-size: 16px;}
.who-we-are .who-we-are-inner .counter_block .single_counter span{font-size: 40px;}
.who-we-are .who-we-are-inner .counter_block .single_counter span > span{line-height: 40px;}
.contact-us .contact-us-inner{padding: 24px;}
.contact-us .contact-us-inner .contact-detail a {font-size: 24px; }
.contact-us .contact-us-inner p {font-size: 20px; }
.contact-us {padding: 30px 0; }
.subscribe .subscribe-right{width: 100%;}
.subscribe-left {display: none; }
.subscribe_form{margin: 25px 0 30px;}
.footer-say-hello{flex-wrap: wrap;justify-content: center;}
/* Footer */
.footer-top{flex-direction: column;}
.footer-bottom .footer-detail-block {padding: 0 45px; }
footer .footer_copyright_bottom .artoon-flex{flex-wrap: wrap;justify-content: center;}
}
@media (max-width: 575px){
.brand_logo_block_wrapper .images_wrapper > div {
width: 48%;
}
.brand_logo_block_wrapper .images_wrapper,.who-we-are .who-we-are-inner .counter_block,.who-we-are-client .who-we-top,
.contact-us .contact-us-inner .contact-detail{flex-wrap: wrap;justify-content: center;}
.what-we-do-sec-wpr .artoon-flex{flex-wrap: wrap;}
.what-we-develop .dev_block, .our-client-say .client-block{width: 100%;}
.who-we-are .who-we-are-inner .counter_block{padding: 25px;}
.who-we-are .who-we-are-inner .counter_block .single_counter:nth-child(2){padding: 10px 0;}
.contact-us .contact-us-inner .contact-detail p:after{top: -6px; height: 52px;}
.subscribe-right p {padding-top: 10px; }
.subscribe_form:before{display: none;}
#subscribe_form input{width: 100%;border-bottom: 1px solid #273773;}
.subscribe_btn{float: none;padding-top: 15px;}
.footer-say-hello .block_title {font-size: 18px; text-align: center;}
.footer-bottom .footer-detail-block:first-child{padding-right: 15px;border-right: 0;margin-bottom: 30px;}
.footer-bottom .footer-detail-block{padding: 0;}
.footer-contact{flex-wrap: wrap;}
.footer-bottom .footer-detail-block h4{margin-bottom: 20px;}
.header-last{display: none;}
.who-we-are .who-we-are-inner .counter_block .single_counter{width: 100%;}
.banner_block:after{display: none;}
}
@media screen and (max-width:480px){
h1 {font-size: 24px; line-height: 30px; margin-bottom: 8px;}
#nav-toggle{top: 26px;}
.nav-mobile{height: 70px;}
h3{ font-size: 22px; }
.brand a img{width: 75px;}
nav ul{top: 80px;}
}
/*=======================================================================*/
/*======================= MEDIA QUERY CSS END'S =========================*/
/*=======================================================================*/