@charset "utf-8";
/* CSS Document */
@media (min-width:1400px){
	.bubble{width:50%}
	.top_height{height:700px}
	}
@media (max-width:1180px){
	.container{width:96%; padding:0 2%;}
	.bubble{width:50%}
	.built_logic_one{width: 22%;}
	.botify_business_right{padding-left: 120px;}
	.footer_right{width: 49%;}
	}
@media (max-width:1140px){
	.client_logos .hi img{width:228px}
	.botify_business_right{padding-left: 20px;}
	.bg_gray{background: #f7f7f7 url(../images/botify_bg.png) no-repeat 145% bottom;}
	.footer_right{width: 43%;}
	.footer_right img{width:100%}
	}

@media (max-width:1024px){
	.bubble{width:53%}
	.client_logos .cl_logo .cl_logo_box img{width:100px}
	.built_logic_one{width:22%; padding: 0 12px;}
	.botify_business_left{width:550px}
	.botify_business_right{padding-left:0}
	.botify_business_left_one{width:220px}
	.footer_right{width: 36%;}
	}
@media (max-width:768px){
	.header_left{float:none; text-align:center}
	.tab_form{float:none; margin:0 auto}
	.header_content{width:100%; padding-top:20px}
	.header_content h1{font-size:38px; padding-bottom:10px}
	.bubble{display:none}
	.top_height{height:860px}
	.client_logos .cl_logo .cl_logo_box .cl_logo_spc{margin:0 25px;}
	.client_logos .hi{display:none}
	.client_logos .cl_logo{float:none; padding:20px 0 20px 38px;}
	.client_logos .cl_logo .cl_logo_box{display:inline-block}
	.built_logic{padding:40px 0 0 0;}
	.built_logic_one{width: 42%;padding: 0 28px; margin-top:50px}
	.built_logic h2{padding:0}
	.built_logic_one:nth-child(3){background:none}
	.botify_business{text-align:center}
	.botify_business_left{width:100%; text-align:center}
	.botify_business_left_one{width:46%}
	.bank_icon, .botify_business_icon{margin:auto;}
	.footer_left{width:100%}
	.footer_contact{width: 80%;}
	.footer_right{display:block; margin:30px auto 0; width:100%}
	.contact{padding-right: 0;}
	}
@media (max-width:767px){
	#bot-container{display:block}
	.botify_business_box{padding-bottom: 250px;}
	.botify_business_right{height:160px; display:none}
	.bg_gray{background: #f7f7f7 url(../images/botify_bg.png) no-repeat 50% bottom; background-size: 110%;}
	.header_content h1{font-size:34px; line-height:32px}
	.header_content h2{font-size:18px}
	
	}
@media (max-width:640px){
	.built_logic_one{width:39%}
	.footer_contact{width:100%}
	}
@media (max-width:480px){
	.botify_business_box{padding-bottom: 200px;}
	.client_logos .cl_logo .cl_logo_box .cl_logo_spc{margin: 0 3px;}
	.tab_form{width:auto}
	.built_logic_one{width: 37%;}
	.botify_business_left_one{width:44%}
	.icon_link{display:none}
	.contact .ph_no{padding:0}
	.contact .ph_no{margin-right: 15px;}
	.footer_contact{width:83%;}
	.container{width:100%;}
	.tab_form{background-size:100%}
	.client_logos .cl_logo{float:none; padding:20px 0 20px 0px; display:none;}
	}
@media (max-width:414px){
	.botify_business_box{padding-bottom: 150px;}
	.top_height{height:820px}
	logo img{width:130px}
	.header_content{padding-top: 10px;}
	.client_logos .cl_logo .cl_logo_box img{width:85px}
	.tab_form .form{width: 295px;}
	/*.built_logic_one{width: 41%; padding: 0 40px 0 0; background: url(../images/box_div.jpg) no-repeat 100% 80%;}
	.built_logic_one:last-child{padding: 0 0px 0 26px;}
	.built_logic_one:nth-child(3){padding: 0 0px 0 26px;}*/
	.built_logic_one{width: 100%; padding:0; background: none;}
	.built_logic_one:last-child{padding:0}
	.built_logic_one:nth-child(3){padding:0}
	.widget{width:100%}
	.widget img{width:100%; display:block}
	.footer_contact{width:100%}
	.footer_right{width:100%}
	.client_logos .cl_logo .cl_logo_box img{width:100px}
	.tab_form .form{width: 260px; padding-top:60px}
	.botify_business_left_one{width:100%; padding:60px 0 60px 0}
	.botify_business_left_two{ padding:0}
	.top_curve{display:none}
	
	.built_logic h2{font-size:30px}
	.botify_business h2{font-size:30px}
	}
@media (max-width:375px){
	.top_height{height:785px}
	.tab_form .form{width: 260px; padding-top:1px}
	/*.built_logic_one{width: 41%; padding: 0 22px 0 0;}
	.built_logic_one:last-child{padding: 0 0px 0 16px;}
	.built_logic_one:nth-child(3){padding: 0 0px 0 16px;}
	.botify_business_left_two{padding-left: 35px;}*/
	.ft_call,.ft_mail{padding-right: 8px;}
	}
@media (max-width:360px){
	.botify_business_box{padding-bottom: 120px;}
	/*.botify_business_left_one{width: 43%;}*/
	.top_height{height:770px}
	}
@media (max-width:320px){
	
	.top_height{height:850px}
	.tab_form .form{width: 234px;padding-top: 45px;}
	.tab_form .form .form_box{padding-top: 0;}
	.tab_form .form .form_box .form_field{padding-top: 15px;}
	/*.built_logic_one{width: 100%; background:none}
	.built_logic_one:last-child{padding:0}
	.built_logic_one:nth-child(3){padding: 0;}*/
	.ft_copy{padding-left: 6px;}
	.ft_call, .ft_mail{padding-right: 2px;padding-left: 7px;}
	}

@media (min-width: 320px) and (max-width:480px) {
	 .stren_in ul li img {
    width: 80%;
}

.content_in {
    width: 96%;padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto;
}
	
	.feat_in ul li {
    font-family: 'aileronsemibold';
    font-size: 16px;}
	
	.feat_in ul {
    width: 50%;
    float: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.feat_in ul.box_two {
    width: 48%;
    padding: 1px 0px 0 0px;}

.feat_in ul li .feat_txt {
    display: inline-block;
    width: 100%;}
	
	.feat_in ul.box_three {
    width: 100%;
}

.feat_in ul.box_three li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.feat_in ul.box_three li .feat_txt {
    width: auto;
}
	

}

@media (min-width: 768px) and (max-width:991px) {
	.content {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}
	
	.contact .mail {
    display: inline-block;
    padding-right:0px; 
	font-family: 'aileronlight';
    font-size: 18px;
    color: #303030;
}
.banner_heading {
    float: left;
    width: 60%;
    padding: 16% 0 0 0;
}
.bub img {
    width: 100%;
}

.content_in {
    width: 96%;padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto;
}

.feat_in ul {
    width: 49%;
    float: none;
}
feat_in ul {
    float: none;
    margin: 0 auto;
    width: 32%;
    display: inline-block;
}

.feat_in ul {
    width: 30%;
    float: none;
    display: inline-block;
    margin: 0 auto;
}


.feat_in ul.box_two {
    width: 21%;
    padding: 0 40px 0 40px;
	float: none;
    display: inline-block;
    margin: 0 auto;
}

.feat_in ul.box_three {
    width: 30%;
	float: none;
    display: inline-block;
    margin: 0 auto;
}

.feat_in ul li {
    font-family: 'aileronsemibold';
    font-size: 20px;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}
.feat_in ul li .feat_txt {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 24px;
}
.strn_box {
    position: static;
}

.stren_in ul li {
    font-family: 'aileronsemibold';
    font-size: 20px;
    color: #585858;
    display: inline-block;
    position: relative;
    width: 33%;
    height: 250px;
}

.stren_in {
    padding: 50px 0 50px 0;
    position: relative;
}
.test_in {
    padding: 50px 0 30px 0;
    width: 100%;
    margin: 0 auto;
}

.test_box_in {
    width: 90%;
    padding: 20px 40px 40px 40px;
    margin: 0 auto;
}

.test_box {
    width: 100%; background:none;
    
    height: auto;
    position: relative;
}

.test_name {
    
    float: none;
   
    text-align: center;
}
}

@media (max-width:320px){
	
	.flex-viewport{ min-height:440px !important;}
	.flex-viewport {
    height: 425px !important;
}
	.banner_heading p{font-size:35px; line-height:40px}
.contact .mail{padding-bottom:15px}
.test_in h2{font-size:42px}
.flex-viewport{height:410px !important}
.test_box{height:310px}



.test_box {
    width: 100%;
    background: none;
    height: 335px !important;
    position: relative;
}

 .feat_in ul li {
    font-family: 'aileronsemibold';
    font-size:13px !important;
}


.parallax-window {
    height: 670px !important;    
		background: transparent;
}

.test_in {
    padding: 50px 0 180px 0 !important;}

}

@media (min-width: 991px) and (max-width:1024px) {
	
	.stren_in ul li {
    font-family: 'aileronsemibold';
    font-size:20px;
    color: #585858;
    display: inline-block;
    position: relative;
    width: 150px !important;
    height: 250px;}


	.content {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}
	
.contact .mail {
    display: inline-block;
    padding-right:0px; 
	font-family: 'aileronlight';
    font-size: 18px;
    color: #303030;
}
.banner_heading {
    float: left;
    width: 60%;
    padding:16% 0 0 0;
}
.bub img {
    width:100%;
}

.content_in {
    width: 96%;padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto;
}


.feat_in ul {
    width: 49%;
    float: none;
}
feat_in ul {
    float: none;
    margin: 0 auto;
    width: 32%;
    display: inline-block;
}

.feat_in ul {
    width: 30%;
    float: none;
    display: inline-block;
    margin: 0 auto;
}


.feat_in ul.box_two {
    width: 26%;
    padding: 0 40px 0 40px;
	float: none;
    display: inline-block;
    margin: 0 auto;
}

.feat_in ul.box_three {
    width: 30%;
	float: none;
    display: inline-block;
    margin: 0 auto;
}

.feat_in ul li {
    font-family: 'aileronsemibold';
    font-size: 20px;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}
.feat_in ul li .feat_txt {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 24px;
}


.stren_in ul li {
    font-family: 'aileronsemibold';
    font-size: 13px !important;
    color: #585858;
    display: inline-block;
    position: relative;
    width: 46%!important;
	
}
	
}

@media (min-width: 320px) and (max-width:480px) {
	.carousel{display:none;}
	
	.flex-viewport{ height:350px !important;}
	
	.content_in {
    width: 96%;padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto;
}
	
	.feat_in ul li {
    font-family: 'aileronsemibold';
    font-size: 16px;}
	
	.feat_in ul {
    width: 50%;
    float: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.feat_in ul.box_two {
    width: 48%;
    padding: 1px 0px 0 0px;}

.feat_in ul li .feat_txt {
    display: inline-block;
    width: 100%;}
	
	.feat_in ul.box_three {
    width: 100%;
}

.feat_in ul.box_three li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.feat_in ul.box_three li .feat_txt {
    width: auto;
}
	
	
	header .contact {
    float: right;
    width: auto;}
	
	.mob_remove{ display:none;}
	
	.content{width:96%;}
	
	.banner_heading p {
    font-family: 'aileronlight';
    text-shadow: -4px 1px 1px #000;
    font-weight: normal; text-align:center;
    font-size: 40px;
    color: #FFF;
    line-height: 60px;
    text-transform: uppercase;
}

.form_box {
    width: 207px;
    margin: 21px auto 0;
    position: relative;
	padding-top: 81px;
}

.form_bg {
    background: url(../images/mobile.png) no-repeat top right;
    width: 229px;
    height: 447px;
    float: none;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.banner_heading {
    float: none;
    width: 100%; padding:
	0px;
}
	
	.contact .mail {
    display: inline-block;
    padding:0px 16px 0 0; 
	font-family: 'aileronlight';
    font-size: 18px;
    color: #303030;
}
.strn_box {
    position: static;
}


.stren_in ul li {
    font-family: 'aileronsemibold';
    font-size: 16px;
    color: #585858;
    display: inline-block;
    position: relative;
    width: 49%;
    height: AUTO; vertical-align:top;
    padding: 0 0 50px 0;
}



.stren_in ul li .stren_img {
    
    text-align: center;
    margin: 0 auto;
}


 .stren_in ul li img {
    width: 80%;
}
.strn_box.four {
    bottom: 0;
    width: AUTO;
    right: -25px;
}


.stren_in ul {
    padding: 0;
}

.parallax-window {
    height: 620px;
    background: transparent;
}

.test_in {
    padding: 50px 0 130px;
    width: 100%;
    margin: 0 auto;
}

.test_box {
    width: 100%;
    background: none;
    height: 270px;
    position: relative;
}



.test_box_in {
    width: 99%;
    padding: 0 10px;
    margin: 0 auto;
}

.test_name {
    right: 0;
    float: none;
    font-size: 20px;
    font-weight: bold;
    color: #535050;
    line-height: 22px;
    text-align: center;
    position: relative;
}
.test_box_in p{text-align:center; padding-bottom:15px;}


.feat_in ul li .feat_img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: 10px;
}

}