﻿/**Media CSS**/
@media only screen and (max-width : 1300px){
.top_bar > ul li a.actions{right:0;}

}
@media only screen and (max-width : 1200px){
.container{width:96%;}
.popup_container{width:96%;}
/*Dashboard*/
.quick_stats{width:58%;margin-right:0;}
.top_channel{width:40%;margin-left:2%;}
/* .top_channel .button_wrapper{padding-top:22px;} */
.performance{width:58%;margin-right:0;}
.top_banner{width:40%;margin-left:2%;}
.button_wrapper .my_btn{width:88px;}
.messages{width:40%;margin:28px 0 0 2%;}
.messages ul li{margin-left:7px;}
/*channel report*/
.search_table{width:100%;}
/*signup report*/
.signup_table{width:926px;}


/***************/
.faq_page .term_and_condition{width:60%;}
.email{width:42%;}
.top_bar > ul li a.actions{right:0;}
}
@media only screen and (max-width : 1023px){
.navigation li a{padding:3px 16px;}
.table-responsive{padding-bottom:10px;overflow-x:scroll;}
/*my commission page**/
.my_commission{width:48%;margin-right:2%;}
.comisn_str{width:50%;}
.transaction_history{width:100%;}
/**Dashboard*/
.quick_stats,.top_channel,.performance{width:100%;}
.resp{display:block;width:45%;margin-left:0;}
.top_banner{width:53%;}
/* .top_banner .button_wrapper{padding:14px 0px 10px 13px;} */
.messages{width:100%;margin:28px 0;}
/*banner report page*/
.banner_report_left{width:48%;margin-right:2%;}
.report_form{padding:26px 8px 27px;}
.report_form .stylelish_select, .report_form select[name="banners"]{width:242px;}
.period_sec .form_right .stylelish_select{width:190px;}
.period_sec > span{width:28%;}
.banner_reports .months_details{width:72%;}
.split_cntry, .split_hr{width:113px;}
.banner_report_right{width:50%;}
.report_details{padding: 30px 10px 5px;}
.form_details li .label{width:65%;line-height:13px;}
.form_details li .user_input{width:auto;font-size:10px;}
/**channel report*/
.channel_rep_wrapper{width:48%;margin-right:2%;}
.ctr_per{width:50%;}
.channel_reports .report_form{padding:8px 10px 17px;}
.channel_reports .channel_grp{margin-top:15px;}
.channel_reports .months_details{width:72%;}
.search_table .my_table{width:850px;}
/*signup report*/
.sign_report .report_form{padding-bottom:0;}
.signup_table{width:100%;}
/*product report*/
.circle_progressbar{margin:20px 20px 0;}
.product_report .report_form{padding-bottom:0;}
.split label{width:28%;}
}
@media only screen and (max-width : 991px){
.faq_page .term_and_condition{width:80%;}
.feeds_page .term_and_condition{width:45%;}
.my_account .term_and_condition{width:70%;}
.email, .live_chat, .succesful_mes{width:55%!important;}
.message_container .title h3{min-width:inherit;}
.overflow_hidden{overflow:scroll;}
}

@media only screen and (max-width : 767px){
/* .header{padding-bottom:12px;} */
.submenu li a .fa-caret-right{display:none;}
/* header */
.logo{text-align:center;padding:15px 0;}
.logo, .header_right{width:100%;}
.currency_select{display:inline-block;float:none;padding:0;vertical-align:middle;position:relative;z-index:9999;}
.right_menu{clear:none;float:none;display:inline-block;margin:10px 0 0;text-align:center;width:100%;}
.right_menu > ul > li{display:inline-block;float:none;vertical-align:middle;padding:0 0 5px;}
.mean-container .mean-bar{background:transparent;border-bottom:none;position:absolute;}
.right_menu > ul > li > a{padding:0 12px;}
.mean-container a.meanmenu-reveal{margin-top:8px;}
.mean-container .mean-nav{margin-top:60px;}
/* .header_right .right_menu{display:none;} */
.mean-container .mean-nav{margin-top:48px;}
.mean-container .mean-bar{top:48px;z-index:1;}
.right_menu ul li ul{top:23px;z-index:99;}
.right_menu ul li ul li a{text-align:left;}
.right_menu img{margin-top:6px;}
/**view popup**/
.view_wrapper{width:100%;}
.code_wrapper{width:100%;}
/*my commission page**/
.my_commission{width:100%;margin-right:0;}
.comisn_str{width:100%;}
.commission_list{padding-right:18px;}
.commission_list li:last-child{text-align:center;padding-right:0;}
/*Dashboard*/
.table_resp{width:100%;overflow-x:scroll;padding-bottom:10px;}
#dashboard .my_table{width:612px;}
.resp{width:100%;}
.top_banner{width:100%;margin-left:0;}
.performance_content{padding:18px 10px;}
.btn_section{width:74%;}
.btn_section form .stylelish_select{width:100px;}
.view_container{width:100%;padding:0 20px;}
.code_container{width:100%;padding:0 20px;}
/*banner report*/
.banner_report_left, .banner_report_right{width:100%;margin-right:0;}
.report_form label, .export_formate span{width:30%;}
.report_form .stylelish_select, .report_form select[name="banners"]{width:100%;float:left;}
.period_sec > span{width:30%;}
.period_sec .form_right{width:100%;}
.form_right .form_group label{width:25%;}
.period_sec .form_right .stylelish_select{width:100%;}
.banner_reports .months_details{width:70%;}
.split_cntry{width:48%;margin-left:2%;}
.split_hr{width:50%;}
.form_details li .user_input{font-size:11px;}
.performance_table .my_table{width:100%;}
.banner_report_right{margin-top:0;}
/*Channel report*/
.channel_rep_wrapper{width:100%;margin-right:0;}
.ctr_per{width:100%;}
.channel_reports .months_details{width:70%;}
/*product report*/
.circle_progressbar{margin:20px 20px 0 25%;}

.term_and_condition, .faq_page .term_and_condition{width:100%;}
.question_type {margin-right: 3%;width: 36%;}
.feeds_page .term_and_condition, .my_account .term_and_condition{width:100%;}
.registration_form {padding: 15px 25px 35px;}
.email{width:100%;}
.message_content{width:100%;margin-right:0;}
.message_details{margin-top:20px;width:100%;overflow:scroll}
.tab_container {width: 767px;}
.reports_nav{display:block;}
.report_nav ul{display:none;}
.report_nav ul li{width:100%;text-align:center;border-bottom:1px solid #AAA8A8;padding:13px 0;}
.report_nav ul li:last-child{border-bottom:0;}
.report_nav ul li a{padding:0;border:0;}
.report_menu .container{width:100%;}
.rotate_arrow{border-bottom:1px solid #AAA8A8;}
.live_chat, .succesful_mes, .email, .live_chat_opan{width:100%!important;}
.mail_container{ padding: 4% 16px;}
.user_detail ul li.user_chat br{display:none;}
.top_bar > ul li a.actions{margin-top:0;top:100%;}
.comisn_str{min-height:auto;}
.resp{margin-top:0;}

/* mobile menu */
.nav_manu{position:absolute;top:60px;right:2%;width:auto;background:none;width:100%;}
.nav_manu a.nav_icon{font-size:28px;color:#fff;float:right;display:block;}
.navigation{display:none;position:absolute;width:100%;left:2%;top:70px;background:#11476e;z-index:999;}
.navigation ul li a{display:block;padding:6px 16px;}

.navigation > ul > li:first-child > a{padding-left:16px;}
.navigation ul li{border-bottom:1px solid #245579;}
.navigation ul li ul{width:100%;position:relative;}
.navigation ul li:hover ul{display:none;}
.navigation > ul > li{width:100%;}
.navigation ul li li a{padding-left:30px;}
.navigation ul li li li a{padding-left:45px;}
.navigation ul li ul li ul{left:0;top:0;}
.navigation ul li a .fa-chevron-down{display:block;transition:all 0.4s ease;}
.navigation ul li a.rotate .fa-chevron-down{  transform: rotate(180deg);}



}
@media only screen and (max-width : 479px){
.right_menu > ul > li > a{padding:0 5px;}
.right_menu > ul > li:last-child > a{padding-left:6px;}
.deep_links{width:100%;}
/**code popup**/
.code_content > div#bannerCode{display:none;}
.mobile_res{display:inline-block;margin:2%;width:96%;}
.code_content{padding:2%;}

.transaction_history form label{margin-bottom:10px;}
.pagging strong{width:100%;padding-left:10px;margin-bottom:10px;}
.pagging ul{float:right;}

.btn_section .stylelish_select .selectedTxt{font-size:11px;}
.btn_section{width:100%;}
.btn_section form .stylelish_select{width:90px;}
.button_wrapper .my_btn{width:100%;font-size:9px;}
.top_banner .button_wrapper{padding-left:5px;}
.messages ul li button{width:53px;font-size:11px;}
.btn_section .stylelish_select ul.newList a{font-size:10px;}
/*report banner*/
.months_details li{padding:0 5px;}
.banner_report_right .title span{padding-right:0;}
.form_details li .label{width:100%;}
.performance_table .my_table{width:405px;}

.circle_progressbar{width:100%!important;text-align:center;margin:15px 0 0;}
.percent{display:inline-block;}
#product_report .ctr_per .graph_desc{float:right;padding-right:35px;}
.question_type{margin-right:0;width:100%;}
.question_ans, .registration_form form .user_details, .registration_form form .company_details{width:100%;}
.report_finance{width:100%;}
.report_finance .report_form {display: block;float: left;padding: 30px 15px 0;width:100%;}
/* .report_form > span{float:left;width:100%;padding-bottom:15px;} */
.form_right{float:none;display:table-cell;}
.months_details{width:72%;}
.form_right .stylelish_select{width:166px;}
.update_popup{width:100%;}
/* .months_details li{padding:0 7px;} */
.title h3{min-width:CALC(100% - 12px)}
#graph_parent{min-height:none}
.btn_section formx>ul>li{display:inline-block;width:47%;margin-bottom:10px}
.btn_section formx>ul>li:nth-child(2n){margin-left:2%}
.btn_section formx .stylelish_select,.btn_section formx ul li.perf-type .stylelish_select,.btn_section formx .my_btn,.performance_content .button_wrapper li,.top_channel .button_wrapper li,.top_banner .button_wrapper li{width:100%!important}
.performance_content .button_wrapper,.top_channel .button_wrapper,.top_banner .button_wrapper{display:flex;width:99%}
.quick_stats,.performance,.top_channel,.top_banner{margin-left:unset;margin-top:16px;margin-bottom:0px}
.bottom-page{min-height:200px;display:table}
.nav_manu{right:0}
.nav_manu a.nav_icon{margin-right:10px}
.update_successfully{width:96%!important}
.verticle_middle{width:100%;margin-top:-10px!important}
.update_popup,.update_successfully{height:500px!important}
.update_popup{padding-top:10px}
.deep_links .form{padding:10px}
.deep_links .form .form_group{display:inline-block;width:48%}
.deep_links .form .form_group:nth-child(2n){margin-left:2%}
.deep_links .form .form_group:last-child label{display:none}
.deep_links .form .form_group label{text-align:left}
.deep_links .form .form_group .stylelish_select{width:100%!important}
.deep_links.dp-page{width:inherit}
.deep_links.dp-page .form_group .my_btn{margin:21px 0 0 2px!important;width:100%}
.report_form .form_group{margin-bottom:0}
.banner_report_left,.banner_report_left .my_btn,.banner_report_right,.channel_rep_wrapper,.channel_rep_wrapper .my_btn,.ctr_per,.report_finance~.my_btn,.message_container{margin-top:15px}
.banner_report_left{margin-bottom:5px}
.report_form select[id="fmBanner"],.banner_reports .months_details,.channel_reports .months_details,.report_finance .months_details{width:100%}
.report_form .months_details.date_range>.stylelish_select{width:CALC(50% - 24px)}
.report_form,.channel_reports .report_form,.report_finance .report_form{padding:10px 8px 10px}
.form_details li .label{width:auto;margin-right:6px}
.message_content .tabs{display:flex;justify-content:space-between}
.message_content .tabs li{width:auto}
.mail_box ul{margin-bottom:10px}
.mail_box ul li{height:24px;line-height:24px}
.mail_box ul li:first-child{height:30px;line-height:30px;background:#f0f0f0}
.mail_ids{margin-top:-3px}
.term_and_condition .title h3{min-width:CALC(100% - 13px)}
.Odds_feed{width:100%;padding-bottom:0px}
.faq{padding:10px 10px 20px 10px}
.term_and_condition .faq-cont{display: table;padding: 10px;border: 1px solid rgb(160, 160, 160);border-radius: 10px;width: 100%;min-height:100px;float:left;margin-top:16px}
}