/* @charset "utf-8"; */
/* CSS Document */

/* #Media Queries
================================================== */
/* Smaller than standard 1200px (devices and browsers) */
@media only screen and (max-width: 1920px) {


}
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1366px) {
.section_four .title{
	padding:134px 0px 0px 626px;
	}
.section_three .container {
    width:90%;
	}
.benefits_box .benefits_title{
	font-size: 18px;
	}
.bcm_resel_sec_one .title{
		padding:134px 0px 0px 626px;
	}
}
@media only screen and (max-width: 1360px) {
.section_four .title{
	padding:134px 0px 0px 626px;
	}
.section_three .container {
    width:90%;
	}
.benefits_box .benefits_title{
	font-size: 18px;
	}
.bcm_resel_sec_one .title{
		padding:134px 0px 0px 626px;
	}
}
@media only screen and (max-width: 1280px) {
.section_four .title{
	padding:134px 0px 0px 556px;
	}
.bcm_resel_sec_one .title{
		padding:134px 0px 0px 556px;
	}

}
@media only screen and (max-width: 1200px) {
.container {
	width: 90%;
	margin: 0 auto;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
.main_banner .banner_box .banner_text h3{
	font-size: 34px;
}
.main_banner .banner_box .banner_text h3 span{	
	font-size: 28px;
}
.main_banner .banner_box .banner_text .banner_btn{
	padding:15px 0px;
}
.main_banner .banner_box .banner_text h4{
	font-size: 20px;
}
.section_one .title{
	font-size: 38px;
}
.section_one p{
	font-size: 14px;
	line-height: 22px;
}
.section_three .title{
	font-size: 38px;
}
.section_two .thum_box {
    width: 78%;
    text-align: center;
}
.section_two .thum_box .title{
	font-size: 34px;
}
.benefits_box .benefits_title {
    font-size: 17px;
    line-height:22px
}
.benefits_box .benefits_thum2 {
    top: -3px;
}
.benefits_box p {
    font-size: 12px;
    line-height: 15px;
    padding-top:30px;
}
.section_four .thum2{
	width:60%;
	margin-left: -128px;
}
.section_four .title{
	font-size: 32px;
	padding:134px 0px 0px 492px;
}
.section_four .deliveries_box1{
	width:54%;
	padding:4px 10px 0px;
	margin:85px 0px 0px 495px;
}
.section_four .deliveries_box1 .text_holder .sub_title{
	font-size: 16px;
}
.section_four .deliveries_box1 .text_holder p{
	font-size: 15px;
}
.section_four .deliveries_box2{
	margin:0px 0px 0px 133px;
}
.section_four .deliveries_box2 .text_holder .sub_title{
	font-size: 18px;
}
.section_four .deliveries_box2 .text_holder p{
	font-size: 15px;
}
.section_four .deliveries_box2 .text_holder {
    width: 100%;
    padding: 20px 0px 20px 20px;
}
.section_five .why_yaari .yarri_point .why_box{
	flex:0 43%;
	font-size: 10px;
}
.section_five .why_yaari .title{
	font-size: 38px;
}
.section_six .client_says .client_box{
	margin:0px 27px 20px 0px;
}
.section_six .title{
	font-size: 38px;
}
.section_seven .faq .title{
	font-size: 38px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */


}
@media only screen and (min-device-width : 412px) and (max-device-width : 846px) and (orientation : landscape) {


}
@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {



}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
	}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
	}
#main{
	padding-top:10px;
	}
.dbox{
	display: none;
}
.mbox{
	display: block;
}
header {
	position: relative!important;
	padding:10px 10px;
}
header .logo{
	position: absolute;
	width:30%;
	left:13px;
}
header .supplier_reseller{
	float: right;
	padding:20px 0px;
}
header .supplier_reseller a{
	font-size: 10px;
	padding:6px 5px;
	margin-left:4px;
}
header nav{
	width:100%;
	padding:0px;
}
#nav{
	width: 100%;
	float: right;
}
.sm-blue a.active{
	border-radius:2px!important;
}
.sm-blue ul a, .sm-blue ul a:active, .sm-blue ul a:focus, .sm-blue ul a:hover{
	background:#000!important;
	color:#fff;
}
.sub-menu{
	border-top: none!important;
}
.main_banner .banner_box{
	padding:10px 0px;
}
.main_banner .banner_box .banner_text{
	padding: 0px 0px 0px 10px;
}
.main_banner .banner_box .banner_text h3{
	font-size:20px;
	line-height:24px;
}
.main_banner .banner_box .banner_text h3 span{
	font-size:18px;
}
.main_banner .banner_box .banner_text p{
	font-size:12px;
}
.main_banner .banner_box .banner_text .banner_btn{
	padding:15px 0px;
}
.main_banner .banner_box .banner_text .banner_btn a.join {
    font-size: 12px;
    border-radius: 6px;
    padding: 6px 10px;
}
.main_banner .banner_box .banner_text .banner_btn a.know{
	font-size: 12px;
	padding: 6px 10px;
}
.main_banner .banner_box .banner_text h4{
	font-size:18px;
}
.main_banner .banner_box .banner_text .app_store a{
	width:50%;
	padding-right: 6px;
}
.section_one .title{
	font-size:32px;
}
.section_one p{
	font-size:15px;
	padding:0px;
}
.section_one p a{
	padding: 0px;
}
.section_one .col-sm-7{
	padding:0px 10px;
}
.section_one .col-sm-5{
	padding:0px;
}
.section_two{
	padding:40px 0px;
}
.section_two .bg_bdr{
	display: none;
}
.section_two .col-sm-4{
	padding:0px 10px;
}
.section_two .thum_box .thum{
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.section_two .thum_box .title{
	font-size: 24px;
}
.section_two .thum_box{
	padding-bottom: 20px;
}
.section_three{
	padding:40px 0px;
}
.section_three .title{
	font-size:32px;
	padding-bottom: 10px;
}
.section_three .col-sm-3{
	padding:0px 10px;
}
.benefits_box .benefits_title span {
    display: inline;
}
.benefits_box .benefits_thum{
	width:45%;
	margin: 0 auto;
	text-align: center;
}
.benefits_box .benefits_title{
	font-size:20px;
}
.benefits_box p{
	font-size: 15px;
}
.benefits_box .benefits_thum2{
	position: relative;
	top:35px;
}
.section_four::before{
	top:7px;
}
.section_four .title{
	padding: 0px 40px 0px 20px;
	font-size:28px;
}
.section_four .thum2 {
    width: 100%;
    margin-left: -22px;
    margin-top: 11px;
    float: left;
    position: relative;
}
.section_four .deliveries_box1 {
    width: 100%;
    padding: 0px 10px;
    margin: 15px 0px 0px 22px;
}
.section_four .deliveries_box1 .text_holder .title{
	font-size: 18px;
}
.section_four .deliveries_box2 {
    width: 100%;
    border-top:none;
    padding: 6px 10px;
    margin: 0px 0px 0px 22px;
}
.section_four .cart_leady{
	width:100%;
	margin:40px 0px 0px 10px;
}
.section_five .col-sm-6{
	padding:0px 10px;
}
.section_five .why_yaari .title{
	font-size: 32px;
	padding-bottom:20px;
}
.section_five .why_yaari .yarri_point .why_box{
	flex:100%;
	margin:0px 0px 20px;
	padding: 30px 15px;
}
.section_six .title{
	font-size: 32px;
}
.section_six .client_says .client_box{
	flex:100%;
	margin:0px 0px 100px;
}
.section_six .client_says .client_box:last-child{
	margin-bottom:10px;
}
.section_six .client_says .client_box p{
	font-size: 15px;
}
.section_seven .col-sm-4, .col-sm-8{
	padding:0px 10px;
}
.section_seven .faq .title{
	font-size: 32px;
	line-height: 40px;
}
.section_seven .faq .faq_search_box{
	width: 100%;
}
.section_seven .faq .faq_search_box .faq_search{
	width: 85%;
}
.section_seven .faq .faq_search_box .search_icon{
	width: 14%;
}
.faq_qa{
	width:100%;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head{
	font-size: 16px!important;
}
.section_seven .thum{
	margin:20px 0px 0px;
}
.section_eight{
	padding:40px 0px;
}
.section_eight .col-sm-4, .col-sm-8{
	padding:0px 10px;
}
.section_eight .partners_thum{
	margin:20px 0px 0px;
}
.section_eight .title{
	font-size: 32px;
	padding:20px 0px;
}
.section_eight .partner{
	width: 100%;
}
.section_eight .partner .title{
	padding: 0px 0px 10px;
}
.section_eight .partner .row_one .title{
	padding:20px 0px;
	font-size:12px;
}
.section_eight .partner .row_two .title{
	padding:20px 0px;
	font-size:12px;
}
.section_eight .shipping{
	width: 100%;
}
.section_eight .shipping .title{
	padding: 0px 0px 10px;
}

/* Investor Page
================================================== */

.investor_section .investor_contacts .contact_box{
	padding: 0;
	width: unset;
}
.investor_section .investor_contacts .contact_box .line p{
	padding: 0;
}
.investor_section .investor_contacts .contact_box .col-sm-9{
	border: none;
	padding: 10px;
}
.investor_section .investor_contacts .contact_box .col-sm-3{
	padding: 10px;
}
.investor_page .investor_nav li{
	display: block;
	padding: 5px 18px;
}
.investor_page .investor_nav li.current::after{
	background: transparent;
}


/* Become Supplier Page
================================================== */
.bcm_sup .main_banner .banner_box{
	padding: 10px 0px;
}
.bcm_sup .main_banner .banner_box .banner_img{
	width: 40%;
}
.bcm_sup .main_banner .banner_box .banner_text{
	padding: 0 0 0 10px;
	width: 60%;
}
.bcm_sup .main_banner .banner_box .banner_text h2{
	font-size: 20px;
    line-height: 24px;
    padding: 0 0 5px 0;
}
.bcm_sup .main_banner .banner_box .banner_text h3{
	font-size: 18px;
    line-height: 20px;
    padding: 0 0 5px 0;
}
.bcm_sup .main_banner .banner_box .banner_text h4{
	font-size: 12px;
    line-height: 18px;
    padding: 0 0 5px 0;
}
.bcm_sup .main_banner .banner_box .banner_text h4 br{
	display: none;
}
.bcm_sup .banner_box .banner_text .banner_btn{
	padding: 5px 0px;
}
.bcm_sup .banner_box .banner_text .banner_btn a.join br{
	display: none;
}
.bcm_sup{
	padding: 0 0 10px 0;
}
.bcm_sup_sec_one{
	padding: 40px 0px 40px 0;
}
.bcm_sup_sec_one .container{
	width: 90%;
}
.bcm_sup_sec_one .title{
	font-size: 32px;
    padding-bottom: 10px;
    text-align: center;
}
.bcm_sup_sec_one .col-manual{
	width: 100%;
	padding: 15px;
}
.bcm_sup_sec_one .benefits_box .benefits_title{
	font-size: 20px;
}
.bcm_sup_sec_one .benefits_box .benefits_title:before{
	border: 5px solid #f62101;
}
.bcm_sup_sec_one .benefits_box .benefits_title span{
	display: inline;
}
.bcm_sup_sec_two{
	padding: 20px 0px 40px 0px;
}
.bcm_sup_sec_two .row{
	display: block;
}
.bcm_sup_sec_two .title{
	font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    line-height: 35px;
}
.bcm_sup_sec_two p{
	font-size: 18px;
	line-height: 22px;
}
.bcm_sup_sec_two .thum{
	margin: 20px 0 0 0;
}
.bcm_sup_sec_two .thum:before{
	width: 101%;
}
.bcm_sup_sec_three{
	padding: 20px 0px 20px 0px;
}
.bcm_sup_sec_three:before{
	width: 80%;
	border: 40px solid #f62101;
	top: 0;
}
.bcm_sup_sec_three .title{
	font-size: 32px;
	line-height: unset;
	padding: 0px 0 0 25px;
}
.bcm_sup_sec_three:after{
	display: none;
}
.bcm_sup_sec_three .img_box{
	width: 100%;
}
.bcm_sup_sec_three .inner_container .text_box{
	order: 2;
}
.bcm_sup_sec_three .work_box1{
	flex-wrap: wrap;
}
.bcm_sup_sec_three .work_box1 .info_box{
	border-bottom :5px solid #f62101;
	border-left: none;
    padding: 0 0 15px 0;
}
.bcm_sup_sec_three .work_box2{
	flex-wrap: wrap;
}
.bcm_sup_sec_three .work_box2 .info_box{
	border-bottom: 5px solid #f62101;
	border-right: none;
    padding: 0 0 15px 0;
}
.bcm_sup_sec_three .work_box3{
	flex-wrap: wrap;
}
.bcm_sup_sec_three .work_box3 .info_box{
	border-bottom: 5px solid #f62101;
	border-left: none;
    padding: 0 0 15px 0;
}
.bcm_sup_sec_three .work_box4{
	flex-wrap: wrap;
}
.bcm_sup_sec_three .work_box4 .info_box{
	border-bottom: 5px solid #f62101;
	border-right: none;
    padding: 0 0 15px 0;
}
.bcm_sup_sec_four .title{
	font-size: 32px;
}
.bcm_sup_sec_four .client_says .client_box{
	flex: 100%;
    margin: 0px 0px 100px;
}
.bcm_sup_sec_four .client_says .client_box:last-child{
	margin-bottom: 10px;
}
.bcm_sup_sec_five .title{
	font-size: 32px;
}
.bcm_sup_sec_five .become_sup_form{
	flex-wrap: wrap;
}
.bcm_sup_sec_five .become_sup_form .supplier_input .in_field{
	width: 100%;
}
.bcm_sup_sec_five .become_sup_form span{
	padding: 0 20px 0 0;
}


/* Become Reseller Page
================================================== */
.bcm_resel .main_banner .banner_box{
	padding: 10px 0px;
}
.bcm_resel .main_banner .banner_box .banner_text{
	padding: 0 0 0 10px;
	width: 60%;
}
.bcm_resel .main_banner .banner_box .banner_img{
	width: 40%;
}
.bcm_resel .main_banner .banner_box .banner_text h2{
	font-size: 20px;
    line-height: 24px;
    padding: 0 0 5px 0;
}
.bcm_resel .main_banner .banner_box .banner_text h3{
	font-size: 18px;
    line-height: 20px;
    padding: 0 0 5px 0;
}
.bcm_resel .main_banner .banner_box .banner_text h3 span{
	font-size: 12px;
    line-height: 18px;
    padding: 0 0 5px 0;
}
.bcm_resel .main_banner .banner_box .banner_text h4{
	font-size: 16px;
}
.bcm_resel .main_banner .banner_box .banner_text .app_store a{
	width: 50%;
    padding-right: 6px;
}
.bcm_resel_sec_one::before{
	top: 7px;
}
.bcm_resel_sec_one .title{
	padding: 0px 60px 0px 20px;
    font-size: 28px;
}
.bcm_resel_sec_one .deliveries_box1{
	width: 100%;
    padding: 0px 10px;
    margin: 15px 0px 0px 22px;
}
.bcm_resel_sec_one .deliveries_box2{
	width: 100%;
    border-top: none;
    padding: 6px 10px;
    margin: 0px 0px 0px 22px;
}
.bcm_resel_sec_one .thum5{
	width: 100%;
    margin-left: -22px;
    margin-top: 11px;
    float: left;
    position: relative;
}
.bcm_resel_sec_one .cart_leady{
	width: 100%;
    margin: 40px 0px 0px 10px;
}
.bcm_resel_sec_two .faq .title{
	font-size: 32px;
    line-height: 40px;
}
.bcm_resel_sec_two .thum{
	margin: 20px 0px 0px;
}
.bcm_resel_sec_three .title{
	font-size: 32px;
}
.bcm_resel_sec_three .client_says .client_box{
	flex: 100%;
    margin: 0px 0px 100px;
}
.bcm_resel_sec_three .client_says .client_box:last-child{
	margin-bottom: 10px;
}
.bcm_resel_sec_four .title{
	font-size: 32px;
	padding-bottom: 30px;
}
.bcm_resel_sec_four .reseller_form .ctc_name{
	width: 100%;
	margin: 0;
}
.bcm_resel_sec_four .reseller_form .ctc_mobile{
	width: 100%;
	margin: 0;
}
.bcm_resel_sec_four .reseller_form .ctc_email{
	width: 100%;
	margin: 0;
}

/* Faq Page
================================================== */
.faq_page .faq_top{
	display: flex;
	flex-wrap: wrap;
}
.faq_page .faq_top .faq_img_one{
	order: 1;
}
.faq_page .faq_top .faq_text_one{
	order: 2;
}
.faq_page .faq .title{
	font-size: 30px;
    line-height: 40px;
}
.faq_page .faq .sub_title{
	font-size: 18px;
}






}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}