@media only screen and (max-width: 1174px) 
{
/*Home page*/
.logo {
	/*border: 1px solid red;*/
}
.right_hbox .tel {
	display: none;
}
.home_hero.backbgbox {
	background-size: 70% auto;
}
.hero_caption h1, .inner_hero_caption h1 {
	font-size: 42px;
}
.hero_caption p {
	padding-right: 0;
}
.plan_box .price strong {
	font-size: 42px;
	letter-spacing: 1.2px;
}
.plan_box h3 {
    font-size: 18px;
    letter-spacing: 1.2px;
}
.plan_box h6 .loc_icon {
    margin-right: 5px;
}
.plan_box {
	padding: 20px 20px 185px;
}
.solution_list .content {
    padding: 25px 25px 90px;
    position: relative;
}
.solution_list .btn {
	left: 25px;
}
.testimonial_bg {
    position: absolute;
    right: 0;
    top: 135px;
    width: 440px;
}
.testimonial_wrapper {
    padding-bottom: 160px;
    padding-top: 140px;
    position: relative;
}
.plan_list_wrapper {
     padding-bottom: 80px;
}
.our_features {
    padding-bottom: 80px;
    padding-top: 80px;
}
.feature_list {
    padding-top: 80px;
}
.solution_wrapper {
    padding-bottom: 30px;
    padding-top: 80px;
}
.testimonial_wrapper {
    padding-bottom: 120px;
    padding-top: 80px;
    position: relative;
}
.testimonial_bg {
    right: 0;
    top: 45px;
    width: 400px;
}
.testimonial_list .slick-slide {
    padding: 40px 20px 140px;
    width: 500px;
}
.testimonial_content_wrapper {
	padding-left: 0 !important;
}
.testimonial_list {
    margin-left: -5px;
    z-index: 60;
}
.connected_wrapper {
	padding-top: 80px;
}
.ready_one {
	min-height: 160px;
}
.ready_one h3 {
	font-size: 28px;
	
}
.support_box .title h3{
	font-size:16px;
}
.support_box{
	margin-bottom:30px;
}
.support_box .content ul li a{
	font-size:14px;
}
    .team_wrapper, .support_wrapper{
        padding-top: 50px;
        padding-bottom:100px;
    }
    .team_wrapper .info, .support_wrapper .info, .faq_wrapper .info{
        padding-bottom: 40px;
    }
    .personally_section, .how_do_we_section{
        padding-top: 60px;
    padding-bottom: 60px;
    }
    .welcome_box{
        margin-bottom: 60px;
    }
    .welcome_policy_wrapper{
        padding-bottom: 0;
    }
    .personally_box{
        padding-bottom: 60px;
    }
    .faq_form{
        margin-top: 60px;
    }
 
    .faq_wrapper .card-title{
        font-size: 14px;
    }
    .faq_wrapper .card-header{
        padding: 20px 15px;
    }
  
    .faq_wrapper .card-title img{
        margin-right: 15px;
    }
    .blog_details h2{
        font-size: 30px;
    }
    .blog_details_wrapper{
        padding-top: 20px;
        padding-bottom: 100px;
    }
    .blog_details h2{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blog_details img{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .blog_details_cate{
        padding-top: 40px;
    }
    .blog_details_bottom{
        padding-top: 60px;
    }
    .inner_hero_caption p{
        padding-right: 0px;
    }
    .blog_wrapper{
        padding-bottom: 100px;
    }
    .recent_area{
        margin-left: 0px;
    }
    .landingpage_wrapper{
        padding-top: 50px;
        padding-bottom: 100px;
    }
   .blog_row [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
}
.blog_row [class*="col-"] {
    margin-bottom: 30px;
}
.demo_hero_wrapper .inner_hero.backbgbox {
    background-size: 660px auto;
}
.demo_right {
    padding: 60px 30px;
}
.demo_right .btn-warning {
    width: calc(100% - 60px);
}
.faq_wrapper {
	padding-bottom: 550px;
	padding-top: 60px;
}
.faq_wrapper_bg img {
	display: block;
	width: 100%;
}
.faq_wrapper_bg {
    bottom: -1050px;
    left: 0;
    position: absolute;
    width: 500px;
    z-index: 1;
}
.value_list {
    padding-top: 60px;
}
.value_info_wrapper {
    padding-bottom: 60px;
    padding-top: 60px;
}
.story_timeline_wrapper {
    padding-bottom: 140px;
    padding-top: 100px;
}
.map_box {
    height: 640px;
}
.about_us_hero .inner_hero {
    background-position: right -200px top;
}
.support_list {
    margin: -66px -15px 0;
}
.support_list [class*="col-"] {
    padding: 0 15px;
}
.gps_tracking_hero .inner_hero.backbgbox {
    background-position: right -140px bottom;
}
.v_stat_wrapper .content {
	padding-right: 25px;
}
.v_stat_wrapper [class*="order-"] .content {
    padding-left: 25px;
    padding-right: 0;
}
.v_stat_wrapper .content p + h6 {
    padding-top: 20px;
}
.gamification_map {
	width: auto;
}
.gamification_wrapper {
    padding-bottom: 68px;
    padding-top: 200px;
}
.gps_tracker_hero .inner_hero.backbgbox {
    background-position: right -50px center;
    background-size: 600px auto;
}
.gps_stats_wrapper .plan_box_hor {
	padding: 0;
}
.plan_box_hor .plan_features {
    margin-bottom: 12px;
    padding-top: 10px;
}
.plan_box_hor .feature_wrapper figure {
    width: 230px;
}
.order_now_wrapper figure img {
	max-width: 100%;
}
.vertical_tablinks {
    margin-right: 0;
}
.vertical_feature_tabs figure img {
	max-width: 100%;
}
.vertical_tablinks ul li a {
    padding: 30px 25px 30px 88px;
}
.vertical_feature_tabs + .btn {
    margin-top: 20px;
}
.gps_feature_wrapper .premium_block {
    margin-top: 40px;
    top: 40px;
}
.fleet_hero1 .backbgbox {
    background-size: 60% auto;
	background-position: right bottom;
}
.overview_fleet_wrapper .infobox {
    padding-right: 5%;
}
.management_dashboard .infobox {
    padding-right: 5%;
}
.com_list {
    padding-bottom: 140px;
    padding-top: 90px;
}
.driver_score .infobox {
    padding-right: 5%;
}
.bs_pic img {
    display: block;
	max-width: 100%;
}
.driver_score .infobox .bs_pic {
	width: 500px;
}	
.overview_fleet_wrapper:after {
	background-size: 100% auto;	
}
.upgraded_wrapper .infobox {
    padding-right: 5%;
}
.upgraded_wrapper .bs_pic {
    bottom: -160px;
    left: 15px;
    z-index: 40;
}
.pl1 {
    left: 10px;
    top: 36px;
}
.pl3 {
    right: 10px;
    top: 36px;
}
.ps3 {
    bottom: -78px;
    position: absolute;
    right: 15px;
}
.ps5 {
    bottom: -88px;
    left: 15px;
    position: absolute;
}
.home_hero_wrapper:before {
	background-size: auto 100%;
}
.timeline_tree ol li .year:before {
	background-size: 100% 100% !important;
}
	
}

/* #Tablet (Portrait) */

    /* Note: Design for a width of 768px */

@media only screen and (max-width: 991px) 
{
/*Home page*/
.logo {
	/*border: 1px solid yellow;*/
}
.logo {
	margin-bottom: 10px;
}
.mainnav {
	clear: left;
}
.mainnav nav ul li:first-child {
	margin-left: 0;
}
.mainnav nav ul li a {
	letter-spacing: 1px;
}
.header {
	padding-top: 15px;
}
.home_hero.backbgbox {
    background-position: right 120px;
}
.hero_caption h1, .inner_hero_caption h1 {
    font-size: 35px;
}
.plan_box .price strong {
	font-size: 35px;
	letter-spacing: 1px;
}
.plan_list .tab-content {
    width: 74%;
}
.plan_box.plan_featured {
	width: 24.5%;
}
.plan_box .title {
	font-size: 11px;
}
.plan_box h3 {
    font-size: 17px;
    letter-spacing: 1px;
}
.plan_box .price .tt span {
    font-size: 16px;
    padding-bottom: 4px;
}
.plan_box {
    padding: 20px 15px 140px;
}
.plan_box .btn {
	font-size: 11px;
	bottom: 70px;
	padding: 0 10px;
	letter-spacing: 2px;
	left: 15px;
	width: calc(100% - 30px);
}
.plan_features ul li {
	padding-left: 28px;
}
.plan_features ul li > i {
    left: 2px;
}
.plan_list_wrapper {
    padding-bottom: 120px;
}
.pf_info {
    margin-top: 92px;
    position: absolute;
    right: 40px;
    top: 100%;
    white-space: nowrap;
}
.plan_list_wrapper {
    padding-bottom: 200px;
}
.plan_box .price .tt span:after {
	right: 0;
}
.plan_box h6 {
	font-size: 12px;
}
.plan_box h6 .loc_icon {
    margin-right: 0;
}
.plan_box p + h6 {
    padding-top: 22px;
}
.plan_box figure {
    height: 160px;
}
.info h2, .welcome_box h2, .blog_details h2 {
	font-size: 28px;
}	
.footer_logo {
    margin-bottom: 20px;
}
.footer {
    padding-bottom: 80px;
    padding-top: 80px;
}
.copyright_box {
	margin-bottom: 50px;
}
.ready_one {
    min-height: 140px;
    padding: 40px 280px 40px 40px;
}
.ready_one h3 {
    font-size: 24px;
	letter-spacing: 1px;
}
.ready_one .btn {
	right: 40px;
}
.testimonial_bg {
    right: -40px;
    top: 90px;
    width: 320px;
}
.testimonial_wrapper {
    padding-bottom: 80px;
    padding-top: 80px;
}
.feature_list {
    padding-top: 40px;
}
.solution_list {
    padding-bottom: 30px;
    padding-top: 40px;
}
.social_links {
    padding-top: 10px;
}
.solution_med {
	padding-left: 0;
}
.solution_med figure {
	position: static;
	height: auto;
	float: none;
	width: auto;
}
.solution_med figure img {
    display: block;
    height: 100%;
	width: 100%;
    max-width: none;
    object-fit: contain;
}
.solution_big {
	height: auto;
}
.feature_list_hor ul li {
	margin-bottom: 20px;
}
.feature_list_ver ul li {
	margin-bottom: 20px;
}
.support_box{
	padding:30px;
}
.support_box .title figcaption{
	width:57%;
}
.support_box .content ul li a{
	font-size:12px;
	background-size:2.3%;
}
.support_box .content ul li{
	padding-bottom:20px;
}
    .team_wrapper .info{
        width: 100%;
        padding-left:50px;
        padding-right: 50px;
    }
    .welcome_box{
        padding: 50px;
    }
    .how_do_we_left ul{
        padding-right: 0px;
    }
    .how_do_we_right ul{
        padding-left: 0px;
    }
    .recent_area, .blog_article_text{
        padding: 30px 20px;
    }
    .blog_article_img {
    height: 160px;
}
    .blog_article_text ul li{
        font-size: 11px;
        padding: 0 8px;
    }
	
.search_form .form-control {
    font-size: 18px;
    height: 80px;
    letter-spacing: 0.7px;
    line-height: 80px;
    padding: 0 0 0 30px;
}
.search_form .input-group-btn button {
    height: 80px;
    padding: 0 30px;
    vertical-align: middle;
}
.search_form .input-group-btn button img {
	vertical-align: middle;
}
.search_form {
    margin-top: -142px;
    position: relative;
}
.recent_area, .blog_article_text {
    padding: 20px;
}
.blog_row [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
	margin-bottom: 30px;
}
.blog_article_box {
    background-color: #fefefe;
    border-radius: 5px;
    box-shadow: 0 40px 70px 0 rgba(93, 103, 110, 0.06);
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}
.firstcharacter {
    font-size: 70px;
    letter-spacing: 3px;
    line-height: 0.71;
    padding-left: 0;
    padding-right: 6px;
    padding-top: 4px;
}
.blog_details_bottom {
	margin: 0 -10px;	
}
.blog_details_bottom [class*=col-] {
	padding: 0 10px;
}
.blog_article_text h4 {
	padding-bottom: 15px;
}
.faq_wrapper .card-title, .exchange_policy_wrapper .card-title {
	font-size: 15px;
}
.support_box {
	min-height: 500px;
}
.demo_wrapper .faq_form {
    padding: 40px 30px;
}
.demo_right {
    padding: 40px 30px;
}
.demo_right ul li {
    padding-left: 40px;
}
.demo_right ul li h4 {
    font-size: 15px;
    padding-bottom: 12px;
}
.demo_right ul li a {
    font-size: 14px;
    letter-spacing: 1px;
}
.demo_right .btn-warning {
	bottom: 40px;
}
.faq_page_bg .inner_hero.backbgbox {
    background-position: right 0 bottom;
    background-size: 380px auto;
}
.faq_wrapper .info p br {
	display: none;
}
.about_us_hero .inner_hero {
    background-position: right -420px top;
}
.support_hero_wrapper .inner_hero.backbgbox {
    background-position: right -110px top;
}
.support_list {
    margin: -66px -10px 0;
}
.support_list [class*="col-"] {
    padding: 0 10px;
}
.support_content h4 {
    font-size: 18px;
    padding-bottom: 10px;
}
.expert_list {
    padding-bottom: 180px;
    padding-top: 75px;
}
.expert_list ul li {
    border: 6px solid #ffffff;
    height: 190px;
    margin-left: -30px;
    width: 190px;
}
.exchange_policy_bg {
		
}
.exchange_policy_wrapper2 .exchange_policy_bg img {
	display: block;
	width: 100%;
}
.exchange_policy_wrapper2 .exchange_policy_bg {
	width: 420px;
}
.gps_tracking_hero .inner_hero.backbgbox {
    background-size: 570px auto;
}
.v_stat_wrapper .content {
    padding-right: 0;
}
.v_stat_wrapper [class*="order-"] .content {
    padding-left: 0;
    padding-right: 0;
}
.v_stat {
    padding: 70px 30px 100px;
	background-size: 100% auto;
}
.v_stat ul li .title h5 {
	font-size: 13px;
	padding-bottom: 2px;
}
.v_stat_wrapper + .v_stat_wrapper {
    padding-top: 60px;
}
.gamification_wrapper {
    padding-bottom: 68px;
    padding-top: 120px;
}
.progress .progress_percentage {
    bottom: 18px;
    height: 36px;
    letter-spacing: 0.5px;
    line-height: 30px;
    right: -22px;
    width: 50px;
}
.gamification_wrapper .content h2 {
	font-size: 28px;
}
.gamification_wrapper .content .info {
    padding-bottom: 20px;
}
.robust_list {
    padding-bottom: 50px;
}
.robust_list figure img {
	display: block;
	max-width: 100%;
}
.robust_list .content_list {
    padding-left: 0;
    padding-top: 90px;
}
.robust_list [class*="order-"] figure {
    float: right;
    position: relative;
    right: 0;
}
.robust_list .content_list {
    padding-left: 0;
    padding-top: 0;
}
.robust_list [class*="order-"] .content_list {
    padding-left: 0;
    padding-right: 0;
}
.claims_form .info {
    padding-bottom: 50px;
}
.claims_form .faq_form .form-group {
    margin-left: 0;
    width: auto;
}
.claims_form .call_right {
    float: none;
    padding-top: 70px;
    width: auto;
}
.claims_form .call_right ul li h5 {
    font-size: 15px;
    padding-bottom: 15px;
}
.claims_form .call_right ul li {
    margin-bottom: 62px;
    padding-left: 35px;
    position: relative;
}
.claims_form .faq_form .btn-lg {
    margin: auto;
    width: 100%;
}
.call_right .btn {
	bottom: 0;
}
.claims_form {
    padding-bottom: 140px;
    padding-top: 98px;
}
.gps_tracker_hero .inner_hero.backbgbox {
    background-size: 470px auto;
}
.plan_box_hor .feature_wrapper {
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 15px;
}
.plan_box_hor .feature_wrapper figure {
    float: none;
    height: auto;
    margin-bottom: 15px;
    width: auto;
}
.plan_box_hor .price_wrapper {
    padding: 30px 20px;
    width: 220px;
}
.plan_box_hor .btn {
    width: 100%;
}
.plan_box_hor .feature_wrapper .content {
    padding: 0 15px;
}
.plan_box_hor .plan_features {
    margin-bottom: 0;
    padding-top: 10px;
}
.v_stat_wrapper .v_stat {
    margin-left: 0;
}
.v_stat_wrapper [class*="order-"] .v_stat {
    margin-left: 0;
    margin-right: 0;
}
.recovery_box {
    padding-bottom: 110px;
    padding-top: 110px;
}
.recovery_list {
    margin: 0 -15px;
}
.recovery_list [class*="col-"] {
    padding: 0 15px;
}
.recovery_box .info {
    padding-bottom: 40px;
}
.recovery_list p {
    color: #252c40;
    font-family: "din";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 1.4;
}
.recovery_list p br {
	display: none;
}
.recover_timeline .content {
    padding: 15px 15px 12px;
}
.recover_timeline .content h5 {
    line-height: 1.5;
	padding-bottom: 10px;
}
.recover_timeline .content ul li {
	margin-bottom: 10px;
}
.recover_wrapper {
    padding-bottom: 120px;
}
.order_now_wrapper figure {
    float: none;
    margin-right: 0;
    text-align: center;
	margin-bottom: 30px;
}
.order_now_wrapper figure img {
    max-width: 560px;
}
.order_now_wrapper .info {
    padding-bottom: 30px;
}
.vertical_tablinks ul li a {
    padding: 30px 15px 15px 88px;
}
.vertical_tablinks ul li h5 {
	line-height: 1.5;
}
.premium_block h3 {
    font-size: 26px;
	padding-bottom: 8px;
}
.premium_block {
    background: #fefefe none repeat scroll 0 0;
    border-radius: 7px;
    box-shadow: 0 20px 100px 0 rgba(81, 91, 137, 0.3);
    padding: 30px 20px;
}
.premium_block .block1 {
    float: left;
    padding-right: 10px;
    width: 36.76%;
}
.premium_block .block2 .btn {
	width: 100%;
	min-width: 1px;
}
.premium_block .block2 {
	padding-left: 10px;
}
.gps_feature_wrapper .premium_block {
    margin-top: 60px;
    top: 20px;
}
.plan_list_full .tab-content {
    width: auto;
}
.fleet_hero1 .backbgbox {
    background-position: right bottom;
    background-size: 70% auto;
}
.plan_list_wrapper {
    padding-bottom: 180px;
}
.overview_fleet_wrapper .infobox {
	padding-right: 15px;
	text-align: center;
	padding-bottom: 40px;
}
.overview_fleet_wrapper h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.33;
    padding-bottom: 18px;
}
.overview_fleet_wrapper p {
    font-size: 13px;
    letter-spacing: 0.6px;
    line-height: 2;
}
.com_list ul li img {
	max-width: 110px;
}
.management_dashboard h2 {
	font-size: 28px;
	padding-bottom: 18px;
}
.management_dashboard p {
	line-height: 2;
}
.management_dashboard .infobox {
    padding-right: 15px;
	text-align: center;
	padding-bottom: 40px;
}
.com_list {
    padding-bottom: 90px;
    padding-top: 90px;
}
.driver_score {
	position: relative;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 140px;
}
.driver_score .infobox h2 {
    font-size: 28px;
    padding-bottom: 18px;
}
.driver_score .infobox {
    padding-right: 15px;
	padding-bottom: 40px;
	text-align: center;
	position: static;
}
.driver_score .infobox .bs_pic {
    bottom: 0;
    width: 420px;
}
.upgraded_wrapper .bs_pic {
	display: none;
}
.infobox {
	text-align: center;
	padding-bottom: 40px;
}
.infobox h2 {
	font-size: 28px;
	padding-bottom: 18px;
}
.infobox p {
    line-height: 2;
}
.reviews_wrapper .infobox {
    max-width: none;
    padding-top: 40px;
}
.reviews_wrapper .testimonial_content_wrapper {
	padding-top: 0;
}
.mng_system_wrapper h2 {
	font-size: 28px;
}
.mng_system_wrapper h2 br {
	display: none;
}
.mng_system_wrapper .col-md-12 {
	padding: 0 80px;
}
.mng_system_wrapper p {
	line-height: 2;
}
.mng_system_wrapper p br {
	display: none;
}
.mng_system_wrapper h6 {
	line-height: 2;
}
.mng_system_wrapper h6 br {
	display: none;
}
.plant_icon {
	background-size: 36px auto;
}
.plan_bar_wrapper {
    width: 74%;
}
.related_articles .blog_article_box {
	height: 100%;
} 
	
}

/* #Mobile (Landscape) */

    /* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) 
{
/*Home page*/
.logo {
	/*border: 1px solid blue;*/
}
.logo {
    margin: 0;
}
.container {
	padding-left: 20px;
	padding-right: 20px;
}
.container-fluid {
	padding-left: 20px;
	padding-right: 20px;	
}
.row {
	margin-left: -20px;
	margin-right: -20px;
}
[class*=col-] {
	padding-left: 20px;
	padding-right: 20px;
}
.mobile_menubtn {
    display: block;
    position: absolute;
    width: 36px;
    height: 28px;
    right: 14px;
    top: 12px;
    z-index: 999999;
}
/* Icon 3 */
#nav-icon3 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 22px;
  background: #ffffff;
  opacity: 1;
  left: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  border-radius: 4px;
}
#nav-icon3.open span {
    background: #212C47;
}
#nav-icon3 span:nth-child(1) {
    top: 0;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 8px;
}
#nav-icon3 span:nth-child(4) {
    top: 16px;
}
#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.header .mainnav {
    background: #ffffff url('../images/mobmenubg.png') no-repeat center bottom;
	background-size: 100% 55px;
    height: calc(100% - 20px);
    position: fixed;
    width: calc(100% - 20px);
    transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform: perspective(500px) rotateX(-20deg);
    -moz-transform: perspective(500px) rotateX(-20deg);
    -webkit-transform: perspective(500px) rotateX(-20deg);
    -webkit-transition: -webkit-transform 0.4s;
    opacity: 0;
    transition: all 0.4s;
    visibility: hidden;
    left: 10px;
    top: 10px;
    padding-left: 0;
    padding-right: 0;
	overflow: auto;
	border-radius: 5px;
	box-shadow: 0 20px 24px 0 rgba(23, 43, 76, 0.5);
	padding: 20px;
	padding-bottom: 100px;
}
.mainnav > ul {
	padding: 20px 0;
}
.menuopen .header .mainnav {
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -webkit-transition: -webkit-transform 0.4s;
    transition: all 0.4s;
    opacity: 1;
    z-index: 99999;
    visibility: visible;
}
.menuopen {
    overflow: hidden;
}
.mainnav > ul {
	display: block !important;
}
.right_hbox {
	display: none;
}
.right_hbox.mobview {
	display: block;
}
.header {
    padding-bottom: 22px;
    padding-top: 22px;
}
.home_hero {
    padding-bottom: 146px;
    padding-top: 95px;
}
.hero_caption {
	text-align: center;
}
.hero_caption h1, .inner_hero_caption h1 {
    font-size: 25px;
    line-height: 1.4;
    padding-bottom: 6px;
	letter-spacing: 0.6px;
}	
.hero_caption p {
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.6px;
	padding: 0 40px;
}
.hero_caption p br {
	display: none;
}	
.team_hero_wrapper .inner_hero.backbgbox, .faq_page_bg .inner_hero.backbgbox {
	background: none !important;
}
.home_hero .backbg, .team_hero_wrapper .inner_hero .backbg, .faq_page_bg .inner_hero .backbg {
	display: block;
	max-width: 100%;
}
    
.ornament1, .inner_ornament1 {
    background-size: 100% 100%;
    height: 250px;
    width: 265px;
}
.btn-lg {
    font-size: 12px;
    height: 50px;
    letter-spacing: 2px;
    line-height: 50px;
    padding: 0 55px;
}
.btn-primary {
	box-shadow: 0 20px 50px 0 rgba(11, 20, 40, 0.28);
}
.hero_caption p + .btn {
    margin-top: 14px;
}
.plan_bar {
	width: auto;
	z-index: 80;
}

/*
.plan_bar .title  {
	display: block;
	width: 100%;
	height: 78px;
	background: rgba(254, 254, 254, 0.1) url('../images/downarrow.svg') no-repeat center right 20px;
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 4px;
	color: #ffffff;
	font-size: 15px;
	font-family: 'din';
	font-weight: 700;
	line-height: 76px;
	letter-spacing: 0.6px;
	padding-left: 20px;
	padding-right: 45px;
}
.plan_bar ul {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background-image: -webkit-linear-gradient(266deg, #105499, #004285);
    background-image: linear-gradient(184deg, #105499, #004285);
	box-shadow: 0 10px 25px 0 rgba(11, 20, 40, 0.28) !important;
	border: 1px solid #ffffff;
	z-index: 80;
}
.plan_bar ul li a.active {
    background: rgba(254, 254, 254, 0.05) none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    color: #fefefe;
}
*/
.plan_list {
    margin-top: -115px;
}
.plan_list .tab-content {
    float: none;
    width: auto;
}
.plan_box {
	width: auto;
	float: none;
	margin-right: 0;
	padding: 26px 20px 180px;
}
.ornament2 {
	width: 260px;
	height: 250px;
	background-size: 100% 100%;
	bottom: 0;
}
.home_hero_wrapper {
	position: relative;
}
.hero_caption {
    padding-bottom: 54px;
}
.plan_features ul {
	background: #f6f9fa;
	margin: 0 -20px;
	margin-top: 10px;
	padding: 20px;
}
.plan_box h3 {
    font-size: 20px;
    letter-spacing: 1.6px;
}
.plan_box .price strong {
    font-size: 50px;
    letter-spacing: 1.6px;
}
.plan_box .price .tt span {
    font-size: 17px;
    padding-bottom: 6px;
}
.plan_box h6 {
    font-size: 13px;
}
.plan_box h6 .loc_icon {
    margin-right: 10px;
    top: 2px;
}
.plan_box .btn {
	height: 50px;
	font-size: 14px;
	font-family: 'din';
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 50px;
	position: static;
	width: 100%;
}
.plan_box {
	background-size: 100% 140px !important;
	margin-bottom: 10px;
}
.plan_box h3 {
	padding-bottom: 8px;	
}
.plan_box .price {
    padding-bottom: 18px;
}
.plan_box figure {
    height: auto;
	padding: 30px 0;
}
.plan_box .plan_features {
	margin-bottom: 30px;	
}
.plan_features h6 {
	display: block;
	position: relative;
	color: #5e6372;
	font-size: 13px;
	font-family: 'din';
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.6px;
	padding-bottom: 10px;
	cursor: pointer;
}
.plan_features h6:after {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: url('../images/downarrow_grey.svg') no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.15s ease-in;
}
.plan_features h6.open:after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.plan_box.plan_featured {
    float: none;
    width: auto;
	margin-top: 194px;
	padding-top: 40px;
	background-size: 100% auto !important;
}
.plan_box.plan_featured figure {
	background: #ffffff;
}
.plan_box .title {
    font-size: 12px;
	padding: 15px 25px;
}
.pf_info {
    margin-top: 92px;
    position: absolute;
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform:translate(-50%,0);
    right: auto;
    top: auto;
	bottom: calc( 100% + 90px );
    white-space: nowrap;
	margin-top: -90px;
}
.pf_info img {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: auto;
    left: auto;
    position: absolute;
    right: -60px;
    top: 56%;
}
.plan_list_wrapper {
	padding-bottom: 84px;
}	
.info h2 {
	font-size: 20px;
	letter-spacing: 0.6px;
}
    .inner_page_wrapper .info p{
        font-size: 12px;
         line-height: 1.67;
  letter-spacing: 0.5px;
    }
.info p {
	font-size: 13px;
	line-height: 1.38;
  	letter-spacing: 0.6px;
	padding: 0 25px;
}
.our_features {
    padding-bottom: 40px;
    padding-top: 52px;
}
.feature_list {
    padding-top: 15px;
}
.feature_box {
	padding-bottom: 18px;
    padding-right: 15px;
    padding-top: 18px;
}
.feature_box h4 {
    font-size: 14px;
    letter-spacing: 0.4px;
    padding-bottom: 12px;
}
.feature_box .content {
	min-height: 1px;
}
.feature_list [class*="col-"] {
    margin-bottom: 10px;
}
.learn_more {
    padding-top: 20px;
}
.solution_wrapper {
    padding-bottom: 30px;
    padding-top: 50px;
}
.solution_list {
    padding-bottom: 30px;
    padding-top: 20px;
}
.solution_list .content {
	text-align: center;
}
.solution_list .content h3 {
	font-size: 14px;
	letter-spacing: 0.4px;
	padding-bottom: 8px;
}
.solution_list .content p {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.6px;
	margin-bottom: 14px;
}
.solution_list .solution_big .content {
    padding: 15px 20px 0;
    position: static;
}
.feature_list_hor {
    padding-top: 14px;
}
.feature_list_hor ul li {
	padding-left: 18px;
	text-align: left;
	margin-bottom: 32px;
}
.feature_list_hor ul li:before {
	width: 6px;
	height: 6px;
	top: 4px;
}
.solution_list .btn {
    position: static;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.solution_list .solution_big {
    padding-bottom: 30px;
    position: relative;
	margin-bottom: 10px;
	box-shadow: 0 20px 60px 0 rgba(32, 29, 39, 0.14);
}	
.solution_list .content {
    padding: 15px 20px 30px;
    position: relative;
}
.feature_list_ver ul li {
	text-align: left;
	padding-left: 20px;
}
.feature_list_ver ul li:before {
	width: 8px;
	height: 8px;
	top: 4px;
}
.solution_med {
	box-shadow: 0 20px 60px 0 rgba(32, 29, 39, 0.14);	
	margin-bottom: 10px;
}
.testimonial_wrapper {
    padding-bottom: 276px;
    padding-top: 40px;
}
.testimonial_content .title {
    margin-bottom: 35px;
    padding-left: 75px;
    position: relative;
}
.testimonial_content .title h4 {
	font-size: 15px;
	letter-spacing: 0.4px;
}
.testimonial_list {
    margin-left: 0;
}
.testimonial_list .slick-slide {
    padding: 40px 20px 140px;
    width: 490px;
}
.testimonial_content_wrapper {
	padding-right: 0 !important;
}	
.testimonial_content {
    background: #ffffff url("../images/quotemark.svg") no-repeat scroll 95% 30px;
    border-radius: 4px;
    box-shadow: 0 20px 30px 0 rgba(49, 60, 97, 0.14);
    padding: 16px 30px 30px;
}
.testimonial_content blockquote {
	color: #252c40;
	font-size: 12px;
	font-family: 'din';
	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.6px;
}	
.slick-prev, .slick-next {
	width: 30px;
	height: 30px;
	background-size: 14px auto !important;
	box-shadow: 0 10px 20px 0 rgba(83, 93, 143, 0.24);
}
.testimonial_list .slick-prev {
    bottom: auto;
	top: 50%;
	margin-top: -15px;
    left: 8px;
    position: absolute;
    z-index: 80;
}
.testimonial_list .slick-next {
    bottom: auto;
	top: 50%;
	margin-top: -15px;
    left: auto;
	right: 8px;
    position: absolute;
    z-index: 80;
}
.testimonial_list .slick-slide {
    padding: 40px 20px;
    width: auto;
}
.slick-arrow.slick-disabled {
	box-shadow: 0 10px 20px 0 rgba(83, 93, 143, 0.24);
}
.testimonial_bg {
    bottom: -386px;
    left: 50%;
    margin-left: -135px;
    right: auto;
    top: auto;
    width: 270px;
}
.connected_wrapper {
    padding-top: 50px;
}
.world_map {
	margin: 0 -20px;
    margin-bottom: 30px;
    padding-top: 35px;
}
.ready_one {
	display: block !important;
    min-height: 1px;
    padding: 25px 10px;
	text-align: center;
}
.ready_one .btn {
	position: static;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	height: 60px;
	color: #0b92f9;
	font-size: 12px;
	font-family: 'din';
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 60px;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.ready_one h3 {
	font-size: 20px;
	font-family: 'din';
	font-weight: 700;
	letter-spacing: 0.6px;
	padding-bottom: 20px;
}
.footer_logo {
	margin-bottom: 26px;
}
.footer_logo img {
	display: block;
	width: 100%;
}
.footer {
    padding-bottom: 10px;
    padding-top: 10px;
}
.copyright_box p {
	color: #ffffff;
	font-size: 13px;
	font-family: 'din';
	font-weight: 400;
	letter-spacing: 0.6px;
}
.copyright_box p a {
	color: #ffffff;	
}
.social_links {
    padding-top: 15px;
}
.footer_links_wrapper h5 {
	color: #ffffff;
	font-size: 13px;
	font-family: 'din';
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	padding-bottom: 18px;
}
.footer_links_wrapper ul li {
    margin-bottom: 12px;
}
.footer_links_wrapper ul li a {
	font-size: 13px;
	font-family: 'din';
	font-weight: 400;
}
.footer_links_wrapper address {
	font-size: 13px;
	font-family: 'din';
	font-weight: 400;
	line-height: 1.54;
	margin-bottom: 10px;
}
.footer_links_wrapper p {
	font-size: 13px;
	font-family: 'din';
	font-weight: 400;
	line-height: 1.54;
	margin-bottom: 10px;
}
.footer_links_wrapper a {
	font-size: 13px;
	font-family: 'din';
	font-weight: 400;
	line-height: 1.54;
}
.copyright_box {
    margin-bottom: 20px;
}
.footer_links_wrapper [class*="col-"] {
	margin-bottom: 28px;
}
.our_features .ornament1 {
	width: 225px;
	height: 301px;
	background: url('../images/orn1.svg') no-repeat left top;
}
.our_features .ornament2 {
	width: 225px;
	height: 301px;
	background: url('../images/orn2.svg') no-repeat right bottom;	
	-webkit-transform: none;
    transform: none;
}
.mainnav nav ul li {
    float: none;
    height: auto;
    margin-left: 0;
    position: relative;
	margin-bottom: 25px;
}
.mainnav nav ul li a {
	color: #3b4f5e;
	font-size: 13px;
	font-family: 'din';
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.8px;
	height: auto;
	text-transform: none;
}
.mainnav nav ul li a img {
	display: block;
	float: left;
	width: 24px;
	margin-right: 12px;
}
.menu_logo {
	margin-bottom: 40px;
}
.menu_logo img {
	display: block;
	max-width: 100%;
}
.mainnav nav ul li a.listarrow {
	display: none;
}
.mainnav nav ul li ul {
    background: none
    border-radius: 0;
    box-shadow: none;
    display: block !important;
    margin-top: 0;
    position: static;
    top: 100%;
    -webkit-transform: none;
    transform: none;
    width: auto;
	transition: none !important;
}
.mainnav nav ul li ul li {
    margin: 0;
	margin-bottom: 25px;
}
.mainnav nav ul li ul li a {
    color: #3b4f5e;
    display: flex;
    color: #3b4f5e;
	font-size: 13px;
	font-family: 'din';
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.8px;
	height: auto;
	text-transform: none;
    padding: 0;
}
.mainnav nav ul li ul li a img {
    display: block;
    float: left;
    margin-right: 12px;
}
.right_hbox.mobview {
    display: block;
    float: none;
	position: absolute;
	padding: 0 20px;
	width: 100%;
	left: 0;
	bottom: 62px;
}
.right_hbox .btn {
	display: block;
	background: #E6F5FC;
	border-radius: 5px;
	color: #07a0e8;
	font-size: 12px;
	font-family: 'din';
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 1.2px;
}
.right_hbox .btn:hover {
	background: #def4fe;
}
.mainnav nav {
	height: calc(100vh - 235px);
	overflow: auto;
}
.home_hero .row, .inner_hero .row {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.mainnav nav ul li:last-child {
		margin-bottom: 0;
}
.plan_features ul {
	display: none;
}
.support_hero_wrapper .inner_hero_caption{
	text-align:center;
}

.inner_hero_caption p{
	padding-right:0px;
    font-size: 14px;
    line-height: 1.43;
  letter-spacing: 0.5px;
}
.support_box .title h3 {
    font-size: 14px;
}
.support_box .content ul li a{
	background-size: 1.8%;
}

.support_box .content ul{
	padding-top:15px;
}
.support_wrapper{
	padding-top:50px;
	padding-bottom:70px;
}
.support_wrapper .info{
	padding-bottom:22px;
}
.support_box{
	margin-bottom:10px;
	min-height: auto;
}	
.support_box .title figure{
	width:70px;
	height:auto;
}
.support_box .title figcaption{
	margin-top:10px;
}
.support_box .title figure img{
	width:100%;
}
.blog_details_wrapper{
	padding-top:0px;
}
.blog_details h2{padding-bottom:40px;}
.blog_details h2{font-size:20px;  line-height: 1.5; letter-spacing: 0.5px;}
.blog_details p{
	font-size: 13px;
	line-height: 1.69;
}

.blog_details_category, .blog_social{
	display:table;
	margin:auto;
	float:none;
}
.blog_details_category{
	margin-bottom:20px;
}
.support_hero_wrapper {
		
}
.support_hero_wrapper .inner_hero.backbgbox{
	background-image: -webkit-linear-gradient(314deg, #3437ae, #b770e4) !important;
  	background-image: linear-gradient(314deg, #3437ae, #b770e4) !important;
    min-height: 450px;
}
    .support_hero_wrapper .inner_hero {
    padding-top: 100px;
    padding-bottom: 40px;
}
    .team_hero_wrapper .inner_hero, .inner_hero{
        padding-top: 100px;
         padding-bottom: 0px;
    }
   .faq_page_bg .inner_hero.backbgbox {
    background-size: auto;
    background-position: bottom;
}
    .support_hero_wrapper .inner_hero.backbgbox, .inner_hero_wrapper.support_hero_wrapper{
        min-height: auto;
    }
    .inner_hero_caption{
        padding-bottom: 0px;
        text-align: center;
    }
    .support_hero_wrapper .inner_ornament1{
        background-size: 70%;
    }
    .support_hero_wrapper .inner_ornament2, .team_hero_wrapper .inner_ornament2{
        display: none;
    }
    .team_wrapper .info {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
    .team_box h4{font-size: 16px; padding-top: 15px;}
    .team_box h5{
        padding-top: 5px;
    }
    .team_wrapper, .support_wrapper, .faq_wrapper{
        padding-bottom: 50px;
    }
    .faq_form .form-group, .faq_form .btn-warning{
        width: 100%;
    }
    .faq_wrapper_mob{
        padding: 0 15px;
        position: relative;
        margin-bottom: -300px;
        margin-top: 24px;
    }
    .faq_wrapper_mob img{
        width: 100%;
        height: auto;
        display: block;
    }
    .faq_wrapper .card-title{
        font-size: 14px;
    }
    .welcome_box h2, .welcome_info li h3{
        font-size: 14px;
            line-height: normal;
		letter-spacing: 0.5px;
    }
    .welcome_box{
        padding: 0;
        background: none;
        box-shadow: none;
    }
    .welcome_info li p, .welcome_box p{
        font-size: 12px;
        line-height: 1.67;
		letter-spacing: 0.5px;
    }
    .how_do_we_left ul li, .how_do_we_right ul li{
        line-height: 1.38;
    }
.inner_hero_wrapper.blog_hero_wrapper {
    min-height: 296px;
}
.inner_hero {
    min-height: 296px;
}
.blog_hero_wrapper .inner_hero.backbgbox {
	background: none !important;
}
.blog_row [class*="col-"]:first-child  {
	margin-bottom: 20px;
}
.blog_row [class*="col-"]:first-child .blog_article_img {
	height: auto;	
	width: 100%;
	float: none;
}
.blog_article_text h4 {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.46;
    padding-bottom: 6px;
}
.blog_article_text p {
    color: #252c40;
    font-family: DIN;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.67;
    margin-bottom: 14px;
}
.blog_article_text ul li:before {
	top: 7px;
}
.blog_phone, .blog_pen, .blog_book {
	display: none;
}
.blog_hero_wrapper .inner_ornament1, .blog_hero_wrapper .inner_ornament2 {
	display: none;
}
.search_form .form-control {
    font-size: 13px;
    height: 45px;
    letter-spacing: 0.4px;
    line-height: 45px;
    padding: 0 0 0 20px;
}
.search_form .input-group-btn button {
    height: 45px;
    padding: 0 25px;
    vertical-align: middle;
}
.search_form .input-group-btn button img {
    vertical-align: middle;
    width: 12px;
	position: relative;
	top: -3px;
}
.search_form {
    margin-top: -74px;
    position: relative;
}
.blog_wrapper {
    padding-top: 50px;
}
.blog_article_img {
	width: 100px;
    height: 100px;
	float: left;
}
.blog_article_box {
	padding: 15px;
}
.blog_row [class*="col-"]:first-child .blog_article_box {
	padding: 0;	
}
.blog_row [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
	margin-bottom: 10px;
}
.blog_row [class*="col-"]:first-child .blog_article_text {
	padding: 20px;
}
.blog_article_text p {
	display: none;
}
.blog_row [class*="col-"]:first-child .blog_article_text p {
	display: block;
}
.blog_article_text {
    overflow: hidden;
    padding: 0 10px;
}
.recent_area {
	display: none;
}
.firstcharacter {
    font-size: 50px;
}
.blog_details img {
    margin-bottom: 20px;
    margin-top: 5px;
}
.blog_details h2 {
    padding-bottom: 30px;
}
.blog_details_bottom h2 {
    font-size: 18px;
    letter-spacing: 0.6px;
    line-height: 1.5;
    padding-bottom: 30px;
}
.blog_details_bottom .btn-lg {
	color: #188fea !important;
	border: none !important;
	background: none !important;
	padding: 5px 15px;
	padding-right: 0;
	height: auto;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: none;
	line-height: normal;
}
.related_articles .slick-slide {
    padding-bottom: 40px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
}
.related_articles .blog_article_box {
	width: 300px;
}
.blog_details_bottom [class*="col-"] {
    padding: 0 20px;
}
.related_articles {
    margin: 0 -5px;
}
.related_articles .blog_article_box {
	padding: 0;
}
.related_articles .blog_article_img {
    float: none;
    height: auto;
    width: 100%;
}
.related_articles .blog_article_text p {
    display: block;
}
.related_articles .blog_article_text {
	padding: 20px;
}
.related_articles_wrapper {
	padding-right: 0 !important;
}
.blog_details_wrapper {
    padding-bottom: 60px;
}	
.inner_hero_wrapper.privacy_policy_bg {
	min-height: 296px;
}
.privacy_policy_bg .inner_hero.backbgbox {
    background-position: center bottom;
    background-size: auto 70%;
}
.welcome_box {
    margin-bottom: 30px;
    margin-top: 50px;
}
.welcome_box > img {
	width: 70px;
}
.welcome_box h2 {
	letter-spacing: 0.5px;
	padding-bottom: 10px;
	padding-top: 25px;
}
.welcome_box h3 {
	color: #252c40;
	letter-spacing: 0.5px;
}
.welcome_info li {
    padding-bottom: 15px;
}
.personally_section, .how_do_we_section {
	padding-top: 50px;
	padding-bottom: 34px;
}
.how_do_we_left ul li, .how_do_we_right ul li {
	font-size: 12px;
	font-family: DIN;
	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.6px;
	padding-left: 20px;
}
.how_do_we_left ul li:before, .how_do_we_right ul li:before {
    height: 6px;
    width: 6px;
}
.personally_section .info h2 {
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.5px;
}
.personally_section .info {
    padding-bottom: 28px;
}
.personally_box {
    padding-bottom: 40px;
}
.inner_hero_wrapper.exchange_hero_wrapper {
	background-image: -webkit-linear-gradient(114deg, #032993, #d76c6c);
  	background-image: linear-gradient(336deg, #032993, #d76c6c);
	min-height: 296px;
}
.exchange_hero_wrapper .inner_hero.backbgbox {
	background: none !important;
}
.exchange_policy_wrapper {
    padding-bottom: 435px;
    padding-top: 50px;
    position: relative;
}
.welcome_info li ul li {
    color: #252c40;
    font-family: DIN;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 1.92;
    padding-bottom: 0;
}
.welcome_info li h3, .exchange_policy_wrapper h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
.welcome_info li ul {
	padding-bottom: 20px;
}
.faq_wrapper .card-header,
.exchange_policy_wrapper .card-header {
	padding-top: 0;
	padding-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 55px;
	padding-right: 45px;
	border-radius: 4px;
	background: #fefefe;
	box-shadow: 0 10px 30px 0 rgba(76, 80, 102, 0.07);
	min-height: 55px;
}
.faq_wrapper .card-title, .exchange_policy_wrapper .card-title {
    font-size: 13px;
    letter-spacing: 0.4px;
	line-height: normal;
}
.faq_wrapper .card-title img, .exchange_policy_wrapper .card-title img {
    display: inline-block;
    margin-right: 0;
    vertical-align: middle;
    width: 20px;
	position: absolute;
	left: 16px;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
}
.accordion .card-header.collapsed:after {
	background-size: 11px auto !important;
	right: 20px;
}
.faq_wrapper .card-title, .exchange_policy_wrapper .card-title {
	margin-bottom: 0;
}
.faq_wrapper .card, .exchange_policy_wrapper .card {
    margin-bottom: 10px !important;
}
.exchange_policy_bg {
	width: 276px;
	bottom: -290px;
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform:translate(-50%,0);
}
.exchange_policy_bg img {
	display: block;
	width: 100%;
}
.exchange_policy_wrapper {
    padding-bottom: 300px;
}
.inner_page_wrapper .info p br {
	display: none;
}
.support_hero_wrapper .inner_ornament1 {
    background-size: 90% auto;
}
.support_box {
	padding-top: 25px;
	padding-bottom: 5px;
}
.support_box .content ul {
    padding-top: 10px;
}
.support_box .content ul li {
    padding-bottom: 15px;
}
.team_hero_wrapper .inner_hero .backbg {
	max-width: 118%;
}
.team_row {
	margin: 0 -10px;
}
.team_row [class*="col-"] {
    padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.team_wrapper .info {
    padding-bottom: 20px;
}
.inner_hero_wrapper.demo_hero_wrapper {
	background-image: -webkit-linear-gradient(104deg, #00268f, #0d9cce);
  	background-image: linear-gradient(346deg, #00268f, #0d9cce);
	min-height: 506px;
}
.demo_hero_wrapper .inner_hero.backbgbox {
	min-height: 506px;	
	background: none !important;
}
.demo_hero_wrapper .inner_hero_caption .btn-warning {
    margin-top: 15px;
    max-width: 320px;
    width: 100%;
}
.demo_hero_wrapper .inner_hero.backbgbox .backbg {
	display: block;
	width: 100%;
}	
.demo_wrapper > .container {
    padding-left: 20px;
    padding-right: 20px;
}
.demo_wrapper {
    padding-top: 0;
}
.faq_form .form-group label {
	padding-bottom: 10px;
}
.faq_form input.form-control {
	font-size: 13px;
	letter-spacing: 0.4px;
	height: 45px;
	line-height: 43px;
	padding: 0 20px;
}
.faq_form .form-group {
    margin: auto auto 20px;
    width: auto;
}
.demo_wrapper .faq_form {
    padding: 50px 20px 30px;
}
.faq_form textarea.form-control {
	height: 110px;
}
.demo_right {
	padding-top: 50px;
	padding-bottom: 50px;
}
.demo_right h2 {
    font-size: 23px;
    letter-spacing: 0.8px;
	padding-left: 40px;
	padding-bottom: 5px;
}
.demo_right ul li {
    padding-top: 28px;
} 
.demo_right ul li h4 {
    font-size: 16px;
}
.demo_right ul li a {
    font-size: 15px;
    letter-spacing: 1.4px;
}
.demo_right ul li span {
    height: 25px;
    line-height: 25px;
    width: 25px;
}
.demo_right ul li span i {
    font-size: 10px;
}
.demo_right .ornament2 {
    background-size: 80% auto;
}
.demo_right .btn-warning {
    position: static;
    width: 100%;
	margin-top: 26px;
}
.demo_wrapper {
	padding-bottom: 0;
}
.inner_hero_wrapper.demo_hero_wrapper {
	min-height: 1px;
}
.demo_hero_wrapper .inner_hero.backbgbox {
	min-height: 1px;
}
.inner_hero_wrapper.faq_page_bg {
	background-image: -webkit-linear-gradient(110deg, #2270a3, #31bd6e);
  	background-image: linear-gradient(340deg, #2270a3, #31bd6e);
}
.faq_page_bg .inner_hero .backbg {
	max-width: 90%;
	margin: 0 auto;
}
.faq_wrapper {
    padding-top: 50px;
}
.faq_wrapper .info {
	padding-bottom: 35px;
}
.faq_wrapper_mob {
    margin-bottom: -150px;
	margin-top: 25px;
}
.faq_wrapper_mob img {
    display: block;
    width: 308px;
	margin: 0 auto;
}
.accordion .card-header:after {
	right: 20px;
	background-size: 11px auto !important;
}
.faq_form .info {
    padding-bottom: 25px;
}
.about_us_hero {
	background: #FF8383;
}	
.about_us_hero .inner_hero {
	background: none !important;
}
.about_us_hero .inner_hero {
	min-height: 506px;
	position: relative;
}
.about_us_hero .inner_hero .d-block {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.about_us_hero .inner_hero .d-block img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}
.v_logo {
    border-radius: 4px;
    height: 77px;
    margin: -38px auto 22px;
    width: 124px;
}
.v_logo img {
    display: block;
    max-height: 75%;
    max-width: 100%;
}
.vision_mission_wrapper {
    padding-bottom: 100px;
    padding-top: 85px;
}
.vision_mission {
    border: 1px solid #a9adc7;
    border-radius: 4px;
    padding: 0 20px;
    position: relative;
}
.vision_mission h3 {
	color: #252c40;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-bottom: 8px;
}
.vision_mission p {
	color: #252c40;
	font-size: 12px;
	font-family: DIN;
	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.5px;
}
.vision_mission p + h3 {
    padding-top: 16px;
}
.vision_mission ul {
    margin: 0 0 20px;
}
.vision_mission ul li {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.5px;
	margin-bottom: 0;
}
.value_info_wrapper {
	margin: 0 20px;
	padding-top: 28px;
	padding-bottom: 5px;
}
.value_info_wrapper .info h2 {
	padding-bottom: 10px;
}
.value_list {
    padding-top: 54px;
}
.value_list ul li {
    padding-bottom: 14px;
    padding-left: 0;
    position: relative;
}
.value_list ul li h5 {
    position: static;
    width: auto;
	padding-bottom: 8px;
}
.value_list ul li p {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.story_timeline_wrapper .info h2 {
	padding-bottom: 10px;
}
.timeline_tree ol li {
    padding-bottom: 12px;
    padding-left: 22px;
    position: relative;
	padding-top: 48px;
}
.timeline_tree ol:after {
	left: 0;
}
.timeline_tree ol li::before {
    height: 10px;
    left: -4px;
    top: 18px;
    width: 10px;
}
.timeline_tree ol li .year {
	background: none;
	padding-left: 4px;
	padding-right: 0;
	left: 22px;
}
.timeline_tree ol li .year:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/bubble.svg') no-repeat center center;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.timeline_tree ol {
    padding: 10px 0 0;
}
.timeline_tree ol li p {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.5px;
	margin-bottom: 14px;
}
.story_timeline_wrapper {
    padding-bottom: 20px;
    padding-top: 90px;
}
.timeline_tree {
    padding-top: 20px;
	padding-bottom: 0;
}
.timeline_tree ol li:last-child {
	padding-bottom: 0;
}
.map_box {
    height: 200px;
}
.support_hero_wrapper1 {
	min-height: 506px !important;
}
.support_list {
	margin-top: 0;
}
.support_hero_wrapper .inner_ornament1 {
    background-size: 100% auto;
}
.support_hero_wrapper1 .inner_hero_caption h1 {
    padding-bottom: 15px;
}
.support_hero_wrapper .inner_hero.backbgbox {
	background-position: right top;
}
.support_hero_wrapper1 .inner_hero.backbgbox {
	min-height: 506px;	
	background-position: center bottom;
	background-size: 100% auto;
	position: relative;
	background: none !important;;
}
.support_hero_wrapper1 {
	background-image: -webkit-linear-gradient(102deg, #3437ae, #b770e4) !important;
  	background-image: linear-gradient(348deg, #3437ae, #b770e4) !important;
}
.support_hero_wrapper1 .inner_hero.backbgbox .d-block {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80%;
}
.support_hero_wrapper1 .inner_hero.backbgbox .d-block img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center bottom;
}
.support_list [class*="col-"] {
    padding: 0 20px;
	margin-bottom: 10px;
}
.expert_list ul li {
    border: 6px solid #ffffff;
    height: 150px;
    margin-left: -30px;
    width: 150px;
}
.expert_list ul li:first-child {
    margin-left: -18px;
}
.expert_list ul {
    padding-bottom: 20px;
}
.expert_list {
    padding-bottom: 100px;
    padding-top: 50px;
}
.welcome_info {
	padding-bottom: 15px;
}
.welcome_info h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
.welcome_info p {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.welcome_info p + h3 {
    padding-top: 15px;
}
.personally_section .info h2 br {
	display: none;
}
.search_form .form-control {
    padding-right: 60px !important;
}
.search_form form .btn {
	width: 50px;
	background-size: 12px auto;
}
.welcome_info ul li {
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 1.92;
}
.team_wrapper .info p {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.return_hero_wrapper2 {
	min-height: 296px;
	background-image: -webkit-linear-gradient(114deg, #032993, #d76c6c);
  	background-image: linear-gradient(336deg, #032993, #d76c6c);
}
.return_hero_wrapper2 .inner_hero {
	background: none !important;
}
.return_hero_wrapper2 .inner_ornament1 {
	left: -30px;
	top: -40px;
}
.return_hero_wrapper2 .inner_hero {
    background-position: center bottom;
    padding-top: 100px;
}
.welcome_info2 > ul > li {
    padding-bottom: 12px;
    padding-left: 0;
    position: relative;
}
.welcome_info2 ul li h3 {
	position: static;
	width: auto;
	color: #252c40;
	font-size: 14px;
	font-family: DIN;
	font-weight: 700;
	line-height: normal;
  	letter-spacing: 0.5px;
}
.welcome_info2 ul li h3 br {
	display: none;
}
.return_hero_wrapper2 .inner_hero_caption h1 {
    padding-bottom: 5px;
	max-width: 260px;
	margin: 0 auto;
	line-height: 1.4;
	letter-spacing: 0.5px;
}
.welcome_info2 ul li p {
	color: #252c40;
	font-size: 12px;
	font-family: DIN;
	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.5px;
	margin-bottom: 22px;
}
.welcome_info2 ul li ul li {
	color: #252c40;
	font-size: 12px;
	font-family: DIN;
	font-weight: 400;
	line-height: 1.92;
}
.exchange_policy_wrapper2 .exchange_policy_bg{
    bottom: -290px;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 276px;
}
.faq2 {
    padding-left: 0;
    position: relative;
}
.faq2 h3 {
	position: static;
	width: auto;
}
.faq2 h3 br {
	display: none;
}
.welcome_info2 {
    padding-bottom: 20px;
}
.gps_tracking_hero .inner_hero.backbgbox {
	background: none !important;
}
.gps_tracking_hero .inner_hero .backbg {
	display: block;
	width: 120%;
	margin-left: -5%;
}
.vehicle_stats_wrapper {
	padding-top: 50px;
}
.v_stat_wrapper {
    padding-top: 34px;
}
.v_stat_wrapper .content {
	text-align: center;
	padding-bottom: 40px;
}
.v_stat_wrapper .content h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
.v_stat_wrapper .content p {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.5px;
}
.progress .progress_percentage {
    bottom: 18px;
    font-size: 11px;
    height: 30px;
    letter-spacing: 0.5px;
    line-height: 26px;
    right: -22px;
    width: 46px;
}
.v_stat ul li .title h5 {
    font-size: 13px;
    padding-bottom: 8px;
}
.v_stat {
    background-size: 100% 70px;
    padding: 40px 30px 110px;
}
.v_stat_wrapper + .v_stat_wrapper {
    padding-top: 100px;
}
.gamification_wrapper {
	padding-bottom: 60px;
    padding-top: 100px;
}
.gamification_wrapper .content h2 {
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 1.5;
	padding-bottom: 10px;
}
.gamification_map {
	display: none;
}
.gamification_map.mobview {
	display: flex !important;
	height: auto;
	padding: 60px 0;
	background-size: auto 100%;
	text-align: left;
	margin-bottom: 40px;
}
.gamification_map ul li:before {
	display: none !important;
}
.gamification_map.mobview ul li > img {
    height: auto;
    left: 15px;
    position: absolute;
    width: 18px;
}
.gamification_map.mobview  ul li > strong {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 0;
}
.gamification_map.mobview ul li p {
	color: #7f92a9;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.7px;
}
.gamification_map ul {
    width: 195px;
}
.gamification_map.mobview ul li  {
	padding-left: 45px;
	min-height: 60px;
}
.gamification_wrapper .content .info {
    padding-bottom: 0;
	text-align: center;
}
.gamification_wrapper .content > h4 {
	font-size: 14px;
	letter-spacing: 0.5px;
}
.gamification_wrapper .content > p {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.5px;
}
.gamification_wrapper .content > ul > li {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.5px;
	padding-left: 18px;
	text-align: left;
	margin-bottom: 8px;
}
.gamification_wrapper .content > ul > li:before {
	width: 6px;
	height: 6px;
}
.gamification_wrapper .content > h4:first-of-type, .gamification_wrapper .content > p:first-of-type {
	text-align: center;
}
.gamification_wrapper .content > ul {
    list-style: outside none none;
    margin: 0;
    padding: 12px 0 28px;
}
.robust_wrapper {
    padding-bottom: 25px;
    padding-top: 50px;
}
.robust_wrapper .inner_ornament1, .robust_wrapper .inner_ornament2 {
	display: none;
}
.robust_list figure {
	max-width: 250px;
	margin: 30px auto 40px;
}
.robust_list [class*="order-"] figure {
    float: none;
    position: relative;
    right: 0;
}
.robust_wrapper .info {
    padding-bottom: 0;
}
.content_list h3 {
	font-size: 14px;
	letter-spacing: 0.5px;
	padding-bottom: 28px;
}
.content_list ol li {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1.67;
    padding-bottom: 30px;
    padding-left: 40px;
}
.content_list ol li:before {
	top: 4px;
}
.robust_list {
    padding-bottom: 10px;
}
.robust_wrapper .info p {
	font-size: 13px;
	line-height: 1.38;
  	letter-spacing: 0.6px;
}
.claims_form .info h2 {
    font-size: 14px;
	letter-spacing: 0.5px;
	padding-bottom: 6px;
}
.claims_form {
    padding-bottom: 100px;
    padding-top: 50px;
}
.claims_form .info {
    padding-bottom: 30px;
}
.claims_form .faq_form .btn-lg {
    margin: 15px auto auto;
}
.claims_form .call_right ul li h5 {
    font-size: 16px;
    padding-bottom: 12px;
}	
.claims_form .call_right ul li {
    margin-bottom: 28px;
    padding-left: 40px;
    position: relative;
}
.claims_form .call_right {
	padding-top: 50px;
	padding-bottom: 0;
}
.call_right .btn {
	font-size: 12px;
	letter-spacing: 2.6px;
	position: static;
}
.btn-lg[class*="btn-outline-"] {
    line-height: 48px;
}
.v_stat_wrapper .v_stat {
    margin-left: 0;
}
.gps_tracker_hero  {
	background-image: -webkit-linear-gradient(288deg, #64b7e1, #0a1741);
	background-image: linear-gradient(162deg, #64b7e1, #0a1741);	
	min-height: 1px;
}
.gps_tracker_hero .inner_hero.backbgbox {
	background: none !important;
}
.gps_tracker_hero .d-block {
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0 30px;
}
.gps_tracker_hero .d-block img {
	display: block;
	width: 100%;
}
.gps_stats_wrapper .plan_box_hor {
    margin-bottom: 100px;
    margin-top: -26px;
	position: relative;
}
.plan_box_hor .price_wrapper {
    background: none;
    float: none;
    padding: 72px 20px 0;
    width: auto;
}
.plan_box_hor .price_wrapper .content {
    padding-left: 0;
    text-align: center;
}
.plan_box_hor h3 {
	position: absolute;
	left: 0;
	top: 28px;
	width: 100%;
	text-align: center;
}
.plan_box_hor .btn {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: calc(100% - 40px);
	left: 20px;
}
.plan_box_hor .feature_wrapper figure {
	padding: 0;
	padding-bottom: 35px;
	padding-top: 10px;
	margin: 0 20px 8px;
	border-bottom: 1px solid #ebeef5;
}
.plan_box_hor .feature_wrapper .content {
    padding: 0;
}
.plan_box_hor .feature_wrapper .plan_feature_content {
	display: none;
}
.plan_box_hor .plan_features ul {
    display: block;
	background: none;
}	
.plan_box_hor .feature_wrapper {
    padding-bottom: 100px;
}
.plan_box_hor .plan_features {
    margin-bottom: 0;
}
.plan_box_hor .feature_wrapper .plan_feature_content ul {
    float: none;
	margin: 0;
    width: auto;
	padding-bottom: 0;
}
.plan_box_hor .feature_wrapper .plan_feature_content ul li:last-child {
	margin-bottom: 0;
}
.plan_box_hor .plan_features h6 {
	margin: 0 20px;
	padding-bottom: 20px;
}
.plan_box_hor .feature_wrapper .plan_feature_content {
	padding-bottom: 20px;
	background: #f6f9fa;
}
.gps_stats_wrapper .v_stat_wrapper {
    padding-top: 62px;
}
.gps_stats_wrapper .v_stat {
    background-image: url("../images/gpwave2.png");
    background-size: 100% 46px;
    padding-bottom: 46px;
    padding-top: 15px;
	margin-bottom: 40px;
}
.gps_stats_wrapper .v_stat ul li .title h5 {
    padding-bottom: 6px;
    padding-right: 0;
}
.gps_stats_wrapper .v_stat ul li .title p {
    font-size: 11px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.gps_stats_wrapper .v_stat_wrapper .content .btn {
	max-width: 400px;
	margin: 0 auto;
    width: 100%;
	margin-top: 15px;
}
.recovery_box {
    padding-bottom: 20px;
    padding-top: 50px;
}
.recovery_box .info {
    padding-bottom: 20px;
}
.recovery_list p {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.recovery_list figure {
	margin-bottom: 10px;
}
.recovery_list [class*="col-"] {
	margin-bottom: 12px;
}
.recover_timeline:before {
	width: 1px;
	height: 100%;
	border-top: none;
	border-left: 1px dashed #295c89;
	left: 20px;
	top: 0;
}
.recover_timeline .row {
    margin: 0 -20px;
}
.recover_timeline [class*="col-"] {
    padding: 0 20px;
	padding-left: 50px;
	margin-bottom: 30px;
}
.recover_timeline .cmark {
	display: none;
}
.recover_timeline .content .cmark {
	display: block;
	position: absolute;
	top:50%;
	left: -40px;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
} 
.recover_timeline figure {
	height: auto;
	margin-bottom: 15px;
}
.recover_timeline .time {
	margin-bottom: 10px;	
}
.recover_timeline .content.w_arrow:before {
	display: none;
}
.recover_timeline .content.w_arrow {
    top: 0;
}
.recover_timeline .content {
    padding: 18px 20px 12px;
	border-radius: 4px;
  	box-shadow: 0 30px 40px 0 rgba(125, 129, 149, 0.05);
  	background-color: #fefefe;
}
.recover_timeline .content h5 {
	font-size: 13px;
}
.recover_timeline .content ul li:last-child {
	margin-bottom: 0;
}
.order_now_wrapper figure img {
    max-width: 100%;
}
.order_now_wrapper {
   	background-image: -webkit-linear-gradient(291deg, #54ceed, #180981);
  	background-image: linear-gradient(159deg, #54ceed, #180981);
    padding-bottom: 60px;
    padding-top: 50px;
    position: relative;
}
.order_now_wrapper .info p {
    font-size: 13px;
    letter-spacing: 0.6px;
    line-height: 1.38;
}
.recover_timeline [class*="col-"]:last-child {
	margin-bottom: 0;
}
.recover_wrapper {
    padding-bottom: 50px;
}
.order_now_wrapper .inner_ornament1, .order_now_wrapper .inner_ornament3 {
	display: none;
}
.order_features ul {
    float: none;
    width: auto;
}
.order_features ul li {
	padding-left: 25px;
	margin-bottom: 18px;
}
.order_now_wrapper .content p {
    font-weight: 400;
    line-height: 1.38;
}
.order_features {
    padding-bottom: 12px;
}
.order_big {
    background: #3bc684 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    box-shadow: 0 20px 50px 0 rgba(40, 11, 19, 0.12);
    display: inline-block;
    height: 70px;
    margin-top: 10px;
    overflow: hidden;
    transition: all 0.1s ease-in 0s;
}
.order_big .content strong {
    color: #fefefe;
    display: block;
    font-family: "din";
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 1.56;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.order_big .content p {
	font-size: 11px;
	letter-spacing: 0.8px;
}
.order_big .price strong {
    font-size: 20px;
    letter-spacing: 2.4px;
    padding-bottom: 8px;
}
.order_big .price small {
    font-size: 11px;
    letter-spacing: 0.8px;
}
.order_big .content {
	height: 70px;
}
.order_big .price {
    height: 70px;
    width: 166px;
}
.order_now_wrapper .info {
    padding-bottom: 20px;
}
.gps_feature_wrapper {
    padding-top: 50px;
}
.vertical_tablinks ul li p {
	display: none;
}
.vertical_feature_tabs .tab-pane p {
	color: #252c40;
	font-size: 12px;
	font-family: DIN;
	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.5px;
	text-align: center;
}
.vertical_feature_tabs + .btn {
	display: block;
	width: auto;
	max-width: 400px;
	margin: 20px auto 0;
}
.vertical_tablinks .title {
	display: block;
	border: 1px solid #a7c4e2;
	border-radius: 4px;
	position: relative;
	padding-left: 55px;
	padding-right: 50px;
	height: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
.vertical_tablinks .title:after {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background: url('../images/arrow_down_grey.svg') no-repeat center center;
	position: absolute;
	right: 20px;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.vertical_tablinks {
	position: relative;
}
.vertical_tablinks ul.nav {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 999;
	display: none;
	background: #FCFDFD;
	border-radius: 4px;
	border: 1px solid #a7c4e2;
}
.vertical_tablinks ul li a.active {
	border: none;
}
.vertical_tablinks .title p {
	display: none;
}
.vertical_tablinks figure {
	width: 25px;
	position: absolute;
	left: 14px;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
}
.vertical_tablinks h5 {
	color: #252c40;
	font-size: 13px;
	font-family: DIN;
	font-weight: 500;
	line-height: normal;
  	letter-spacing: 0.4px;
}
.vertical_tablinks ul li a {
	position: relative;
	padding: 0;
	padding-left: 55px;
	padding-right: 50px;
	height: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;	
}
.vertical_tablinks ul li h5 {
	color: #252c40;
	font-size: 13px;
	font-family: DIN;
	font-weight: 500;
	line-height: normal;
  	letter-spacing: 0.4px;	
}
.vertical_tablinks ul li figure {
	width: 25px;
	position: absolute;
	left: 14px;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
}
.gps_feature_wrapper .info {
    padding-bottom: 40px;
}
.premium_block {
	padding: 20px;
	border-radius: 4px;
}
.premium_block .block1 {
    float: none;
    padding-right: 0;
    width: auto;
}
.premium_block .block2 {
    float: none;
    padding-left: 0;
    width: auto;
}
.premium_block h3 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding-bottom: 4px;
}
.premium_block p {
	font-size: 12px;
	font-family: DIN;
	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.5px;
}
.premium_block h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.88;
  	letter-spacing: 1px;
	padding-bottom: 6px;
}
.premium_block .block1 {
	padding-bottom: 20px;
}
.premium_block .block2 {
	padding-top: 2px;
}
.gps_feature_wrapper .premium_block {
    margin-top: 10px;
    top: 128px;
}
.fleet_hero1 .hero_caption .btn {
    color: #d25382;
    min-width: 280px;
}
.fleet_hero1 {
	padding-bottom: 0;
}
.fleet_hero1 .home_hero {
	padding-bottom: 0;	
}
.plan_list_full .plan_box {
    float: none;
    margin-right: 0;
    padding: 30px 20px 175px;
    width: auto;
	margin-bottom: 20px;
}
.plan_list_full .plan_box .btn {
    width: 100%;
}
.plan_list_full .plan_list {
    margin-top: -175px;
}
.fleet_hero1 .plan_bar {
    margin-top: -280px;
    width: auto;
    z-index: 80;
}
.fleet_hero1 .hero_caption {
    padding-bottom: 40px;
}
.fleet_hero1 .backbg {
	width: 110%;
	margin-left: -5%;
}	
.plan_list_wrapper {
    padding-bottom: 70px;
}
.infobox h2 {
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 1.5;
    padding-bottom: 10px;
}
.infobox p {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.38;
  	letter-spacing: 0.6px;
}
.overview_fleet_wrapper {
	padding-top: 46px;
	padding-bottom: 90px;
	background-image: -webkit-linear-gradient(101deg, #e95583, #ffc797);
  	background-image: linear-gradient(349deg, #e95583, #ffc797);
}
.overview_fleet_wrapper .infobox {
    padding-bottom: 20px;
}
.feature_box1 {
    box-shadow: 0 20px 50px 0 rgba(67, 41, 125, 0.14);
    height: 100%;
    min-height: 165px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.feature_box1 h4 {
	font-size: 14px;
}
.feature_box1 p {
	font-size: 12px;
  	font-weight: 300;
	line-height: 1.67;
  	letter-spacing: 0.5px;
}
.overview_features figure img {
	min-width: 70px;
}
.overview_features .content {
    padding-right: 20px;
}
.overview_features [class*="col-"] {
    margin-bottom: 10px;
    padding: 0 20px;
}
.com_list ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
}
.com_list li {
    width: 33.33%;
	text-align: center;
	margin-bottom: 10px;
}
.com_list {
    padding-bottom: 80px;
    padding-top: 40px;
}
.dashboard_block figure {
    float: none;
    height: 100%;
    padding: 0 15px;
	margin-bottom: 32px;
    width: auto;
}
.dashboard_block .content {
    overflow: hidden;
    padding: 0 25px;
    text-align: center;
}
.dashboard_block {
	margin-bottom: 10px;
	height: auto !important;
	padding-top: 28px;
	padding-bottom: 30px;
	min-height: 340px;
}
.dashboard_block_wrapper .row {
    margin: 0 -20px;
}
.dashboard_block_wrapper [class*="col-"] {
    padding: 0 20px;
}
.management_dashboard p {
    line-height: 1.67;
}
.infobox p {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.management_dashboard .infobox {
    padding-bottom: 30px;
    padding-right: 20px;
    text-align: center;
}
.management_dashboard_wrapper {
    padding-bottom: 60px;
}
.driver_score .infobox {
	padding-right: 20px;
}
.driver_score .infobox h2 {
    font-size: 20px;
    padding-bottom: 10px;
}
.overview_fleet_wrapper .infobox {
	padding-right: 20px;
}
.driver_score {
    padding-bottom: 40px;
    padding-top: 50px;
}
.infobox .btn {
    margin-top: 15px;
}
.dashboard_block.dark h4 {
	line-height: normal;
}
.driver_score .dashboard_block {
	box-shadow: 0 30px 80px 0 rgba(83, 93, 143, 0.1);
    min-height: 330px;
}
.driver_score .infobox .bs_pic {
	display: none;
}
.upgraded_wrapper {
    padding-bottom: 50px;
    padding-top: 50px;
}
.overview_features .full_feature figure {
    float: left;
    text-align: center;
    width: 105px;
}
.overview_features figure {
    float: left;
    text-align: center;
    width: 105px;
}
.overview_features figure img {
    min-width: 65px;
}
.overview_features .full_feature {
    padding-bottom: 20px;
}
.reviews_wrapper {
    background: none;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 0;
    position: relative;
}
.reviews_wrapper .testimonial_list {
    width: auto;
}
.reviews_wrapper .testimonial_content {
	border-radius: 4px;
	box-shadow: 0 20px 30px 0 rgba(49, 60, 97, 0.14);	
}
.reviews_wrapper .testimonial_content_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.reviews_wrapper .testimonial_list .slick-slide {
    padding: 10px 20px 60px;
}
.testimonial_content p {
    font-size: 12px;
    font-weight: 3.00;
    letter-spacing: 0.5px;
    line-height: 1.67;
    margin-bottom: 18px;
}
.reviews_wrapper .testimonial_list .slick-prev, .reviews_wrapper .testimonial_list .slick-next {
	top: 105px;
	margin-top: 0;
}
.reviews_wrapper .infobox {
    padding-bottom: 20px;
}
.mng_system_wrapper h2 {
    font-size: 20px;
    letter-spacing: 0.7px;
	padding-bottom: 14px;
}
.mng_system_wrapper p {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.mng_system_wrapper h6 {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.67;
  	letter-spacing: 0.5px;
}
.mng_system_wrapper p + h6 {
    padding-top: 0;
}
.plant_icon {
    background-size: 22px auto;
}
.ps1 {
    left: 20px;
    position: absolute;
    top: -98px;
}
.ps1 img {
	max-height: 65px;
}
.ps2 {
    position: absolute;
    right: 20px;
    top: -102px;
}
.ps2 img {
	max-height: 65px;
}
.ps3 {
    bottom: -90px;
    position: absolute;
    right: 20px;
}
.ps3 img {
	max-height: 72px;
}
.ps4 {
    bottom: -152px;
    left: 50%;
    margin-left: -18px;
    position: absolute;
}
.ps4 img {
	max-height: 72px;
}
.ps5 {
    bottom: -98px;
    left: 20px;
    position: absolute;
}
.ps5 img {
	max-height: 70px;
}
.mng_system_wrapper {
    padding-bottom: 180px;
    padding-top: 102px;
}
.mng_system_wrapper .col-md-12 {
    padding: 0 20px;
}
.pl1 {
	display: none;
}
.pl2 {
    left: 50%;
    margin-left: -22px;
    position: absolute;
    top: -76px;
}
.pl3 {
	display: none;
}
.pl4 {
    bottom: -80px;
    position: absolute;
    right: 80px;
}
.pl5 {
    bottom: -80px;
    position: absolute;
    left: 80px;
}
.v_stat_wrapper .v_stat {
	padding-left: 15px;
	padding-right: 15px;
}
.footer_links_wrapper .col {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 20px;
}	
.plan_bar_wrapper {
    width: auto;
}
.home_hero .backbg {
	display: none;
}
.home_hero.backbgbox {
	background-size: 100% auto;
}
.plan_features h6 {
	display: none;	
}
.plan_features ul {
    display: block;
}
.plan_box figure {
	display: none;
}
.plan_box .plan_features {
	border-top: none;
}
.plan_box {
    float: left;
    margin-right: 2%;
    width: 49%;
}
.plan_box:nth-child(2n) {
	margin-right: 0;
}
.plan_box.plan_featured {
	width: 49%;
	float: right;
	margin-top: 34px;
}
.plan_box.plan_featured .plan_box {
	float: right;
}
.pf_info {
	left: 30%;
}
.footer {
	position: relative;
}
.copyright_box {
    bottom: 20px;
    left: 50%;
    margin-bottom: 0;
    position: absolute;
    width: 50%;
	z-index: 40;
}
.footer_logo {
    margin-right: 0;
    width: 110px;
}
.plan_box h3 {
    font-size: 18px;
    letter-spacing: 1.6px;
}
.plan_box .price strong {
    font-size: 42px;
}
.mainnav nav ul li ul {
	opacity: 1;	
}
.mainnav nav ul li.menudown ul {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
.mainnav nav ul li ul li a {
	padding-left: 35px;
}
.mainnav nav ul li ul li a img {
	left: 0;
}
.home_hero.backbgbox {
	background: none !important;
}
.inner_hero.backbgbox {
	background: none !important;
}
.inner_hero.backbgbox .d-block {
	display: none !important;
}
.home_hero .backbg, .team_hero_wrapper .inner_hero .backbg, .faq_page_bg .inner_hero .backbg {
	display: none;
}
.inner_hero_wrapper {
	min-height: 1px !important;
}
.demo_hero_wrapper .inner_hero.backbgbox .backbg {
	display: none;
}
.team_hero_wrapper .inner_hero, .inner_hero  {
	padding-bottom: 40px;
	min-height: 280px;
}
.about_us_hero .inner_hero {
	min-height: 1px;
}
.support_hero_wrapper1 .inner_hero.backbgbox {
	min-height: 1px;
}
.gps_tracking_hero .inner_hero .backbg {
	display: none;
}
.gps_stats_wrapper .plan_box_hor {
    float: none;
    margin-right: 0;
    width: auto;
}
.plan_box_hor .feature_wrapper .plan_feature_content {
    display: block;
}
.plan_box_hor .plan_features {
    padding-top: 0;
}
.plan_box_hor .feature_wrapper {
	padding-top: 0;
}
.mainnav nav ul li ul li a {
	-webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}
.fleet_hero1 .plan_bar {
    margin-top: 0;
}
.fleet_hero1 .home_hero {
	padding-bottom: 210px;
}
.fleet_hero1 .hero_caption {
    padding-bottom: 50px;
}
.plan_bar ul li.save span {
    left: auto;
    right: 0;
    top: -50px;
}
.plan_box .plan_features ul li {
    display: block;
    float: none;
}
.plan_box .title {
	bottom: auto;
	top: 0;
}
.plan_box.plan_featured {
	margin-top: 0;
	padding-top: 75px;
}
.pf_info {
    bottom: calc(100% + 55px);
}
p {
	font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.how_do_we_section p {
	font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1.67;
}
.mainnav nav ul li ul li a img {
    height: 24px;
    width: 24px;
}
	
}

/* #Mobile (Portrait) */

    /* Note: Design for a width of 320px */

@media only screen and (min-width: 320px) and (max-width: 479px) 
{
/*Home page*/
.logo {
	/*border: 1px solid green;*/
}
.hero_caption p {
	padding: 0 25px;
}
.pf_info {
	left: 40%;
}
.feature_box figure img {
    display: block;
    max-width: 60%;
}
.solution_wrapper .info h2 {
    color: #252c40;
    padding-left: 15px;
	padding-right: 15px;
}
.support_box .content ul li a{
	background-size: 3%;
}
.support_box .content ul li {
    padding-bottom: 15px;
}
.support_box{
	padding:20px;
}
.support_box .title figure{
	margin-right:15px;
}	
    .team_img{
        height: 130px;
    }
    .team_wrapper .info {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
    .team_box h4{font-size: 14px;}
    .team_box h5{font-size: 13px;}
.search_form .input-group-btn button {
    height: 45px;
    padding: 0 20px;
    vertical-align: middle;
}
.search_form .input-group-btn button img {
    top: -4px;
}
.blog_details_category li a {
	font-size: 11px;
	letter-spacing: 0.9px;
}
.related_articles .blog_article_box {
    width: 250px;
}
.privacy_policy_bg .inner_hero.backbgbox {
    background-size: auto 60%;
}
.info p {
    padding: 0 15px;
}
.faq_wrapper_mob img {
    display: block;
    margin: 0 auto;
    width: 292px;
}
.faq_wrapper_mob {
    margin-bottom: -144px;
    margin-top: 25px;
}
.support_hero_wrapper1 .inner_hero.backbgbox .d-block img {
    object-position: center bottom -64px;
}
.inner_hero_caption p {
	padding-left: 15px;
	padding-right: 15px;
}
.support_hero_wrapper1 .inner_ornament1 {
    background-size: 100% 100%;
	height: 272px;
}
.support_content figure img {
    display: block;
    max-height: 100%;
    max-width: 120px;
}
.support_content {
	padding: 20px;
	padding-top: 15px;
}
.support_content figure {
    height: 150px;
	margin-bottom: 2px;
}
.support_content h4 {
	font-size: 14px;
	letter-spacing: 0.5px;
	padding-bottom: 8px;
}
.support_content p {
	font-size: 12px;
	line-height: 1.67;
  	letter-spacing: 0.5px;
	margin-bottom: 22px;
}
.support_content .btn {
	position: static;
	width: 100%;
}
.support_list {
    padding-bottom: 88px;
}
.ask_question .info h2 {
    padding-bottom: 12px;
}
.expert_list ul li {
    border: 4px solid #ffffff;
    height: 108px;
    margin-left: -25px;
    width: 108px;
}
.expert_list {
    padding-bottom: 100px;
    padding-top: 20px;
}
.expert_list .btn-warning {
    min-width: 1px;
    width: 100%;
}
.expert_list ul {
    padding-bottom: 0;
}
.gps_tracking_hero .inner_hero .backbg {
	margin-top: 15px;
}
.vehicle_stats_wrapper .info h2 {
    padding-left: 25px;
	padding-right: 25px;
}
.v_stat ul li .title h5 {
    font-size: 13px;
    padding-bottom: 6px;
}
.progress .progress_percentage {
	bottom: 26px;
}
.v_stat ul li {
    margin-bottom: 42px;
}
.gps_stats_wrapper .v_stat {
	padding-left: 15px;
	padding-right: 15px;
}
.order_big {
	display: block;
}
.order_big .content {
    padding-right: 0;
    width: 50%;
}
.order_big .price {
    width: 50%;
}
.com_list ul li img {
    max-width: 80px;
}
.plan_box {
    float: none;
    margin-right: 0;
    width: auto;
}
.plan_box:nth-child(2n) {
	margin-right: 0;
}
.plan_box.plan_featured {
	width: auto;
	float: none;
	margin-top: 194px;
}
.plan_box.plan_featured .plan_box {
	float: none;
}
.plan_box {
	background-size: 100% 128px !important;
	padding-bottom: 140px;	
}	
.plan_box h3 {
    font-size: 20px;
}
.plan_box .price strong {
    font-size: 50px;
}
.plan_bar ul li span {
	font-size: 12px;
}
.fleet_hero1 .hero_caption {
    padding-bottom: 60px;
}
.plan_box.plan_featured {
    margin-top: 150px;
}

}

@media only screen and (min-width: 768px) 
{
/*Home page*/
.plan_bar ul {
	display: flex !important;
}
.plan_features ul {
	display: block !important;
}
.vertical_tablinks ul {
	display: block !important;
}
}