@import url('sliding_menu.css');
@media  (max-width: 767px) {
	body{
		overflow-x:hidden !important;
	}
	.big_screen{
		display:none !important;
	}
	.small_screen{
		display:block;
	}
	.main_header,
	.main_footer/*,
	/*.content*/{
		padding-right: 0px; /*to eliminate padding of container fluid class*/
		padding-left: 0px; /*to eliminate padding of container fluid class*/
	}
	.main_header{
		height:70px;
	}
	.main_header_wrapper,
	.main_footer_wrapper,
	.content_wrapper,
	.top_content_noir_wrapper,
	.mysyma_appbanner_wrapper{		
		max-width: 100%;
		margin: 0 auto;		
		width: 100%;
		padding-bottom: 25px;
	}
	.forfaits_top_content_noir .top_content_noir_wrapper{
		padding-bottom:0;
	}
	.main_header_wrapper{
		padding-bottom: 0;
	}
	.prepaid .top_content_noir_wrapper{
		position:relative;
		padding-bottom: 0;
	}
	.prepaid.top_content_noir_details_raw  .top_content_noir_wrapper{
		padding-top:70px;
	}
	/*.ua_iPhone .small_screen .main_header_wrapper.enlarge{ /*fix for iOs*/
	.small_screen.main_header.enlarge{ /*fix for iOs*/
		/* min-height:1000px !important; */ /*commented in refonte, cause in browser console it needs to be removed, to be tested in real device*/
		overflow:unset !important;
		
	}
	.login_header_menubar{
		float:left;
		/*-webkit-transition: all 0.2s ease-in ;		
		transition: all 0.2s ease-in ;
		-moz-transition: all 0.2s ease-in ;
		-o-transition: all 0.2s ease-in ;
		transition-delay:2.2s;*/
	}
	/*.loading_in_progress .login_header_menubar{
		color:#fff !important;
		
	}*/
	.header_home_link_icon{
		/* float:right; */
		float:left;
		width: 132px;
		height: 36px;
	}
	
	.header_home_link_icon{
		
	}
	a.header_home_link_icon:after {		
		background-image: url(/version-202001/images/logo_mobile.svg);
		
		
	}
	/*.loading_in_progress a.header_home_link_icon:after{
		
	}*/
	/*.logo_before_loading{
		width: 132px;
		height: 36px;
	}
	.logo_after_loading{
		
	}*/
	.logged_in_user_container{
		color: #ec1c24;
		width: auto;
		float: left;
		position: absolute;
		right: 4rem;
		max-width: 170px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		visibility:visible;
		/*transition: visibility 0.2s ease-in;
		-webkit-transition:  visibility 0.2s ease-in;
		-moz-transition:  visibility 0.2s ease-in;
		-o-transition: visibility 0.2s ease-in;
		-ms-transition: visibility 0.2s ease-in;
		transition-delay:3.2s;*/ /*wait till zoom-in and background color, even0.3s more than that*/
	}
	/*.loading_in_progress .logged_in_user_container{
		visibility:hidden;
		transition: visibility 0.2s ease-in;
		-webkit-transition:  visibility 0.2s ease-in;
		-moz-transition:  visibility 0.2s ease-in;
		-o-transition: visibility 0.2s ease-in;
		-ms-transition: visibility 0.2s ease-in;
		transition-delay: 0s; 
	}*/
	
	/**MENU**/
	.custom-panel .menu_option_category_title{
		position: relative;
		margin-bottom: 1.5rem;
		border-bottom: 1px dotted #000;
	}
	.menu_option_category_title.option_category_two_title,
	.menu_option_category_title.option_category_social_title{
		margin-top:1rem;
	}
	.custom-panel .menu_option_category_title_text{
		position: absolute;
		font-size: 1rem;
		font-weight: 800;
		padding: 0 1rem;
		top: -0.65rem;
		background: #f4f4f4;
	}
	.custom-panel .option_category_one_title .menu_option_category_title_text{
		left: calc(50% - 4.3612rem); /*1rem more than in big_screen 3.3612rem*/
	}
	.custom-panel .option_category_two_title .menu_option_category_title_text{
		left: calc(50% - 3.823125rem); /*1rem more than in big_screen 2.823125rem*/
	}
	.custom-panel .option_category_social_title .menu_option_category_title_text{
		left: calc(50% - 5.009375rem); /*1rem more than in big_screen 4.009375rem*/
	}	
	.custom-panel .menu_option_social_row{
		margin-bottom: 2.5rem;
		text-align: center;
		color:#000 !important;
	}
	.custom-panel .menu_option_social_row a{
		color:#000 !important;
		min-width: 5.3125rem/*85px*/;
		/* font-size:0.875rem; */
		font-size:0.625rem;
		text-transform:uppercase;
		/* font-weight: 400; */
		text-decoration: none !important;
		outline: none !important;
	}
	.custom-panel .menu_option_social_row a .fa{
		font-size: 2rem;
		/* font-weight: 800; */
		
	}
	.custom-panel .menu_option_top{
		height: 5.3125rem;
		display: flex;
		align-items: center;
	}
	.custom-panel .menu_option_top .menu_text{
		padding: 0 0.75rem;
	}
	.custom-panel .menu_option_top .menu_text:nth-child(1){
		border-right: 1px dotted #000;
	}
	.custom-panel .menu_option{
		/*height:60px !important;*/
		/* padding:15px 0; */
		/* padding:0.5rem 0; */
		margin:0.5rem 0;
		width:100%;
		height:40px;
		display:table;
		vertical-align:middle;

	}
	.custom-panel .menu_option .menu_text{
		/*font-size: 1.125rem !important;/*18px*/
		font-size: 14px !important;/*18px*/
		text-transform:uppercase;
		/*font-weight: 500 !important;*/
		height: 3.125rem !important; /*50px*/
		display: table-cell;
		margin:0 !important;
		padding-left:10px;
		vertical-align:middle;
		text-decoration: none;
		/* color: #333; */
		color: #000;
	}

	.custom-panel .menu_option i,
	.custom-panel .menu_option img{
		font-weight: normal !important;
		/* height: 40px !important; */
		/* width: 40px !important; */
		/* font-size:40px !important; */
		/* line-height:40px !important; */
		/*height: 3.125rem !important; /*50px*/
		/*height:2.5rem !important; /*40px*/
		/*width: 3.125rem !important; /*50px*/
		/*width: 2.8125rem !important; /*45px*/
		font-size: 3.125rem !important; /*50px*/
		line-height: 3.125rem !important; /*50px*/
		/*height: 1.25rem !important; /*20px*/
		/*width: 1.875rem !important; /*30px*/
		font-weight: 400 !important;
		font-weight:400 !important;
		display:table-cell;
		vertical-align:middle;
		
		margin-left: -6px;
	}
	.custom-panel .menu_option.standalone_icon img{
		height: 1.25rem !important; /*20px*/
		width: 1.875rem !important; /*30px*/
		margin-left: 0px;
	}
	.custom-panel .menu_option.standalone_icon .menu_text{
		padding-left:20px;
	}
	
	.custom-panel .menu_option i.icon-icon_expand_thin:before{
		font-size:30px;
	}
	.custom-panel .menu_option .menu_text:hover,
	.custom-panel .menu_option .menu_text:active {
		color:#ec1c24;
	}
	.custom-panel .menu_option img,
	.custom-panel .menu_option .menu_text{
		display:inline;
	}
	.custom-panel .menu_option#logout{	
		color: #ec1c24;
		margin-bottom:35px;
	}
	.custom-panel a.icon-icon_menu-open,
	.custom-panel a.icon-icon_menu-open.ui-link.ui-btn-left.ui-btn.ui-shadow.ui-corner-all,
	.custom-panel a.icon-icon_menu-close,
	.custom-panel a.icon-icon_menu-close.ui-link.ui-btn-left.ui-btn.ui-shadow.ui-corner-all{
		background: transparent;
		border: none;
		text-shadow: none;
		font-size: 28px;
		left: -1px;
		top: 0px;
		box-shadow: none;
		padding:10px;
	}
	
	
	
	#open_options_box,
	.options_box{
		display:none !important;
	}
	/*.menu_res_option.mobile_only,
	.menu_res_option_icon.mobile_only{
		display:block !important;
	}*/
	.menu_options img.menu_res_option_icon{
		float:left;
	}
	
	/**MENU ENDS**/
	
	
	/** CONTENT **/
	
	
	.content{
		
		/*min-height:  calc(100% - 170px); /*height of footer substract*/	
		/*min-height:  calc(100% - 60px); /*height of footer substract*/	
		min-height:  calc(100% - 100px); /*height of footer substract*/	
		background:#ffffff;
		padding:0;
	}
	.slide_panel_NOK .content{
		min-height:  calc(100% - 0px);/*no header in panel only % does not work for min-height, so calc with 0 subtract*/
	}
	#prepaye_container.content{
		padding-right: 15px;
		padding-left: 15px;
	}
	/*.index_forfaits_list_container:before{
		height: auto !important;
	}
	.index_forfaits_list_container_inner .home_products_row_container{
		display:block !important;
	}
	.index_forfaits_list_container_inner .home_anim_row_container{
		display:none !important;
	}*/
	
	
	
	.top_content_noir{
		
		margin-top: 70px;
	}
	.forfaits_top_content_noir{
		position: fixed;
		z-index: 5;
	}
	.operations_pricipales_panel_container.content{		
		/*padding-top:177px; /*107px top noir + 70px header*/
	}
	.forfaits_top_content_noir ~ .operations_pricipales_panel_container.content{
		/* padding-top:250px;  */
	}

	.recharge_buy .forfaits_top_content_noir ~ .operations_pricipales_panel_container.content, 
	.prepaid_buy .forfaits_top_content_noir ~ .operations_pricipales_panel_container.content{
		/* padding-top:145px;  */
	}

	#forfaits_container.content{
		background:none;
		/* padding-top:350px; */
		/* padding-top:260px; */
		padding-top:320px;/*250px height of top noir and 70 px header*/ /*used only when arthu'rs overwrite is used*/
	}
	
	.top_content_noir_heading_raw,
	.top_content_noir_details_raw{		
		overflow:auto;
		
		padding: 0 ;
		
	}
	.forfaits_top_content_noir .top_content_noir_details_raw{	
		display:none !important;
	}
	.top_content_noir_heading_raw{
		
		/* min-height:260px;  */
		height:auto;
		
	}
	.forfaits_top_content_noir .top_content_noir_heading_raw{
		min-height:175px;
	}
	.subscription_top_content_noir  .top_content_noir_heading_raw{
		
		/* min-height: 0 !important; */
		/* overflow: hidden !important; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	
	
	/*INDEX*/
	.index_features_list_container{
		height: 380px;
	   
	}
	.index_forfaits_list_container{
		/*min-height:890px;*/ /*395px 1svg * 2 = 790 + 100px space above and below*/
		min-height: 500px; /*200px 1svg * 2 = 400 + 100px space above and below*/
		
		/* height: calc(100vh - 170px); */
		/*height: calc(100vh - 60px); 	/*height of footer substract*/	
		/* height: calc(100vh - 100px); 	/*height of footer substract*/	 /*commented in refont 202105*/
		/* height:auto; */
		
	}
	.index_forfaits_list_container_inner{
		/* width:99% !important; */
	}
	
	/* .index_forfaits_list_container, */
	.index_forfaits_list_container_inner .row{
		min-height:520px;
	}
	
	/*index 2020*/
	.index_forfaits_list_container_inner .index_forfaits_list_caraousel{ 
		width:100%;
		/*min-height: 325px; /*so that the content does not move when offer_description is 0px height while loading_in_progress*/
		/*position: unset; /*so that dots(with text) remains at better bottom*/
		min-height: 520px;
		/* height: calc(100vh - 70px); */
		/* height:auto; */
		/* overflow:hidden; */
		
		
	}
	.index_forfaits_list_container_inner ul.slick-dots{
		
		width: 150px;		
		padding: 0;
		margin-bottom:0.5rem;

	}
	.loading_in_progress .index_forfaits_list_container_inner ul.slick-dots{
		visibility: hidden;
	}
	.index_forfaits_list_container_inner ul.slick-dots li{
		
		border: 1px solid #dcdddc;
		background-color:#dcdddc;
		width: 40px;
		height: 5px;
	
		margin: 0 5px;
		/* border-radius: 6px; */
			
		

	}
	
	.index_forfaits_list_container_inner ul.slick-dots li .pager__item{
		display:none;	
		

	}
	.index_forfaits_list_container_inner ul.slick-dots li:hover{
		color:#ec1c24;
	}
	.index_forfaits_list_container_inner ul.slick-dots li.slick-active{
		background-color:#ec1c24;
		border-color:#ec1c24;
		/* background-color:#707070; */
		color:#ffffff;
		

	}
	
	/*index 2020*/
	
	
	/*INDEX ENDS*/
	
	
	/*FORFAIT*/
	.forfaits_top_content_noir .top_content_left{
		width:100%;
		text-align:center;
	}
	.forfaits_top_content_noir .top_content_left .forfaits_top_title{
		/* padding: 1.25rem 0; */
		padding: 0.75rem 0;
		width:9.375rem;/*150px;*/
	}
	.forfaits_top_content_noir .top_content_left .forfaits_top_subtitle{
		font-size: 1rem; /*16px*/
		line-height: 1.255rem; /*20px*/
		letter-spacing: 0px;
	}
	.forfaits_top_content_noir .top_content_right{
		margin: 0.5rem 0 0 0;
		/* padding: 1.5rem 0; */
		min-height: 145px !important; /*to avoid slick ehight changing while slide change*/
	}
	.subscription_top_content_noir  .top_content_right{
		margin: 0 0 0 0;
		min-height: 0 !important;
	}
	.subscription_top_content_noir{
		padding-top:0.75rem;
		padding-bottom:0.5rem;
	}
	.top_content_noir.forfaits_top_content_noir  .down_triangle {
	
		left: calc( 50% - 25px) !important; /*default 260*2 second forfait minus 30px (half of 60px padding of top_content_right)*/
				

	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item_title{
		font-size: 1.25rem; /*20px*/
		
		letter-spacing: 0px;
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item_main{
		/* display:inline-block; */
		/* padding:0 10%; */
	}
	.forfaits_top_content_noir .top_content_right .description_price_part{
		display:inline-block;
		/* padding:0 10%; */
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list{
		
		font-weight: 600;
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list .slick-list{
		
		/* padding:0 25% 0 25% !important; */
		padding:0 45% 0 5% !important;
	}
	
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item{
		/* position:relative; */
		max-width:24%;
		/* width:100%; */
		color:#646464 !important;
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.slick-current,
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.active{
		
		/* max-width:195px; */
		/* margin: 0 -10px 0 -10px !important; */
	}
	/* .forfaits_top_content_noir .top_content_noir_heading_raw .top_content_right .forfaits_top_list_item.active .description_price_part, */
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.slick-current .description_price_part,
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.active .description_price_part{
		color:#ec1c24 !important;
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.slick-current .forfaits_top_list_item_title,
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.slick-current .description_price_part .price_period,
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.active .forfaits_top_list_item_title,
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.active .description_price_part .price_period{
		/* color:#fff !important; */
		color:#333 !important;
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.slick-current,
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.active{
		
	}
	
	.forfaits_top_content_noir .top_content_noir_heading_raw .top_content_right .forfaits_top_list_item{
		
	}
	.forfaits_top_content_noir .top_content_noir_heading_raw .top_content_right .forfaits_top_list_item:last-child{
		
	}
	.forfaits_top_content_noir .top_content_noir_details_raw .top_content_right .forfaits_top_list .forfaits_top_list_item{
		/* display:table; */
	}
	.forfaits_top_content_noir .top_content_noir_details_raw .top_content_right .forfaits_top_list .forfaits_top_list_item .forfait_details_item{
		/* display:table-row; */
	}
	.forfaits_top_content_noir .top_content_noir_details_raw .top_content_right .forfaits_top_list .forfaits_top_list_item .forfait_details_item p{
		/* display:table-cell; */
		/* vertical-align:middle; */
	}	
	.forfaits_top_content_noir .top_content_noir_details_raw .top_content_right .forfaits_top_list .forfaits_top_list_item .forfait_details_item p .fa{
		/* font-size:1.5rem; */
	}
	
	.forfaits_top_content_noir .description_price_part .price_main{
		/* font-size: 90px; */
		font-size: 3.75rem;
		font-weight: 600;
		line-height: 3.125rem;
		float: left;		
		letter-spacing: 0;
		display: inline-block;
	}
	.forfaits_top_content_noir .description_price_part .price_cents{
		display: inline-block;		
		/* margin-top: 0.5rem; */
		font-size: 1.875rem;
		line-height: 1.875rem;
		font-weight: 800;
		letter-spacing: 0;
	}
	.forfaits_top_content_noir .description_price_part .price_period{
		text-transform:uppercase;
		margin-top:-0.25rem;
		font-size: 1.25rem;
		line-height: 1.25rem;
		font-weight: 500;
		display: block;

	}
	.forfaits_top_list_item_reveal{
		
		display:none !important;
	}
	.forfaits_top_content_noir .top_content_right .forfaits_top_list_item.active .forfaits_top_list_item_reveal{
		
	}
	.forfaits_top_list_revealed{
		display:none;
	}
	.forfaits_top_content_noir .forfaits_top_list_item .pointer_button,
	.forfaits_top_content_noir .forfaits_top_list_item .pointer_button{
		visibility: hidden !important;
	}
	.forfaits_top_content_noir .forfaits_top_list_item.slick-current .pointer_button,
	.forfaits_top_content_noir .forfaits_top_list_item.active .pointer_button{
		visibility: visible !important;
	}
	
	.forfaits_list,
	.forfait_columns_wrapper{
		padding-top:0 !important;
	}
	.forfait_columns_wrapper{
		flex-direction: column;
		
	}
	
	.forfait_details_title,
	.forfait_options_title{
		font-weight:bold;
		font-size:1.875rem;
		line-height:3.5rem;
	}
	.forfaits_list_container .forfait_details_title{
		display:none !important;
	}
	.forfait_details_column,
	.forfait_options_column{
		width:100%;
		/* float:left; */
		padding:1rem;
		padding-bottom:0;
	}
	.forfait_details_column .forfait_details_item_content,
	.forfait_options_column .forfait_options_content{
		font-size:0.875rem;
	}
	.syma_toggle_checkbox + .syma_toggle_checkbox_label:before,
	.syma_toggle_checkbox + .syma_toggle_checkbox_label:after{
		line-height:1.75rem;
	}
	.option_for_renewable_forfait,
	.option_for_non_renewable_forfait,
	.option_for_forfait{
		margin-left:0 !important;
	}
	.forfait_options_column .forfait_options_general_info .forfait_options_general_info_icon{
		padding-left:0px !important;
		font-size: 1.25rem !important;
	}
	.forfait_options_general_info_text{
		width:calc(100% - 2.25rem);
		font-size:0.875rem !important;
		word-break: break-all;
	}
	.forfaits_subscribe_buttons_container{
	
		min-height: 100px;
	}
	
	.forfaits_subscribe_buttons_container{
		
		
	}
	button.buy-forfait,
	.sim-buy-form button.buy-sim,
	button.recharge_coupon_submit,
	#existing_client_phone_number_submit,
	.personal_details_submit_input_group .registration,
	.client_registration_buttons_container #client_registration,
	.iban_bic_submit_buttons_container .iban_bic_submit_button,
	.update_mandat_button,
	.new_client_porta_submit,
	.existing_client_password_submit,
	#dc_existing_client_phone_number_submit,
	.kyc_submit{
		font-weight: 800;
		font-size: 1.25rem; /*20px*/
		
	}
	
	

	/*FORFAIT ENDS*/
	
	
	/*PREPAYE PAGE*/
	/*.prepaye_top_blocks_row{
		margin-top:0px;
	}
	
	.prepaye_top_blocks > .prepaye_top_blocks_row ~ .prepaye_top_blocks_row{
		
		border-top: 1px solid #ccc;
	}*/
	.prepaid_heading_col{
		text-align:center;
		height:190px;
		border-bottom: 1px dotted #777777;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.prepaid_top_title{
		padding:1.25rem 0;
	}
	.sim-buy-form button.buy-sim,
	button.recharge_coupon_submit {
		margin: 0 auto;
		text-transform:uppercase;
	}
	.sim-buy-form button.buy-sim .button_text{
		left:unset !important;
	}
	.reachge_col{
		
		text-align: center;
	}
	.reachge_col_title{
		font-size:1.25rem;
		line-height:1.6875rem;
		margin-bottom: 1rem;
	}
	.reachge_col_title b{
		font-weight:800;
	}
	.rech_amount_button{
		font-size:0.8125rem;
		width:3.75rem;/*75px;*/
		height:2.5625rem;/*50px*/
		margin:0 4px;
		
	}
	.points-de-vente-text{
		margin-top:0.875rem;
	}
	.rech-coupon-button{
		
	}
	.top_content_noir_details_raw.prepaid.revealed .top_content_noir_wrapper{
		min-height:375px;
	}
	.top_content_noir_details_raw .rech-coupon-holder{
		
		margin: 0 auto;
		
	}
	.prepaid.top_content_noir_details_raw .recharge_coupon_input{
		font-size: 0.875rem;
		font-weight: 400;
		
		height: 3.125rem;
		margin: 4px 0;
		
	}
	
	.tariff_col{
		text-align:center;
	}
	.tarrif_block_title{
		font-size:1.25rem;
		line-height:1.6875rem;
		margin-bottom: 1rem;
	}
	.tarrif_block_title b{
		font-weight:800;
	}
	.tariff_col .chosen-container{
		min-width:300px;
		margin-top:0.5rem !important;
	}
	.tariff-holder{
		/*max-width: 33%;*/
		max-width: 530px;
		margin: 0 auto;
	}
	.tariff-holder .selected_country_flag{
		position: absolute;
		top: 0;
		left: calc(50% - 22px);
		width: 45px;
		height: 32px;
		
		display:none;
	   
	}
	.prepaid_title{
		font-size:1.5625rem;
		line-height:1.75rem;
		padding: 1rem 0;
		margin: 0;
	}
	.row.pass_list_wrapper{
		/* margin-left:0 !important; */
		/* margin-right:0 !important; */
	}
	
	/*.pass_category_heading {
		height: auto !important;
		margin-left:0;
	}
	.pass_category_heading .close-icon{
		
		right: 10px !important;
		top: calc(50% - 20px) !important;
		
		font-size: 2rem !important;
	}*/
	.pass_category_title {
		
	}
	
	.pass_category_title .syma-pass-banner-logo{
		
		
	}
	.pass_category_title .syma-pass-banner-logo.internet{
		
		
	}
	.pass_category_title .syma-pass-banner-logo.national{
		
		
	}
	
	/*********** PASS LIST ITEMS ***************/
	.pass_lh,
	.pass_li {
		height: 5.25rem;		
		display:flex;
		align-items:center;
	}
	.pass_lh {
		/* display: none !important; */
	}
	.pass_li {
		/* height: 75px !important; */
		/* margin: 0px !important; */
		/* position: relative; */
		
		/* border-top: 1px solid #f4f4f4; */
		/* border-bottom: 0px solid #f4f4f4 !important; */
		
		border-bottom: 1px dotted #000;
		margin: 0;
	}
	.pass_category_sign{
		
	}
	.pass_category_name{
		
		font-size: 1.25rem;
		
	}
	
	.pass_category_list.internet .pass_li {
		
	}
	.pass-bonus {
		top: -18px !important;
	}
	.pass_li .pass_price {
		/* width: 25% !important; */
		/* margin: 15px 0px; */
		/* padding: 3px 0; */
		/* line-height: 2rem !important; */
		/* font-size: 2rem !important; */
		
		width:29% !important;
	}
	.pass_li .pass_price .pass_price_currency{
		/* margin-top: -5px !important; */
		/* font-size: 1.5rem !important */
	}
	.pass_li .pass_price,
	.pass_li .pass_content,
	.pass_li .pass_buttons {
		/* position: absolute !important; */
		/* display: inline-block; */
	}
	.pass_li .pass_content {
		/* width: 32% !important;  */
		/* left: 25%; */
		/* padding:5px 0 !important; */
		
		
		width:50% !important;
	}
	
	.pass_li .pass_content .pass_content_item {
		/* width: 100% !important; */
		/* height: 15px !important; */
		/* padding: 0 !important; */
		/* text-align: left !important; */
		/* margin-left: 20px !important; */
		/* font-size: 14px!important; */
	}
	.pass_category_list.internet .pass_li .pass_content{
		
	}
	.pass_category_list.internet .pass_li .pass_content .pass_content_item {
		/* padding: 20px 0 !important; */
	}
	.pass_content_item_icon {
		/* display: inline-block !important; */
		/* margin-right: 10px; */
	}
	
	.pass_li .pass_buttons {
		/* width: 41% !important; */
		/* left: 57%; */
		
		
		width:20% !important;
	}
	.pass_li .pass_buttons form {
		/* width: 45px !important; */
		/* max-width: 150px; */
		/* display: inline-block; */
		/* float: right !important; */
		/* margin-left: 5px; */
	}
	.pass_li button.buy-pass {
		/* width: 45px !important; */
		/* height: 45px !important; */
		/* padding: 0 !important; */
	}
	.buy-pass-text {
		display: none;
	}
	.buy-pass-icon {
		display: inline-block !important;
	
		font-size: 1.75rem !important;
	}
	.pass_li button.read-more {
		/* width: 45px !important; */
		/* height: 45px !important; */
		
	}
	.pass_li button.read-more {
		/* font-size: 1.25rem !important; */
		/* border-color:#000 !important; */
	}
	.pass_category_list .more-info-content {
		margin: 0 !important;
		width: 100% !important;
		padding:1rem !important;
	}
	/*********** PASS LIST ITEMS ENDS***************/
	/*
	.prepaye_top_blocks_row .prepaye_top_block_col{
		
		height:auto;
		background: #fff;		
		margin-top:0px;
	}
	.prepaye_top_block_col .sim-banner,
	.prepaye_top_block_col .pass-banner{
		height:auto !important;
	}
	.prepaye_top_blocks_row > .prepaye_top_block_col ~ .prepaye_top_block_col{
		
		margin-top:15px;
	}
	.prepaye_top_block_col .sim-banner,
	.prepaye_top_block_col .pass-banner{
		height: 200px;
		text-align: center;
		background: none;
		margin-top: 50px;
		padding: 0;
		font-size: 16px;
		
	}
	.prepaye_top_block_col .sim-banner .sim-order-button-holder button.buy-sim{
		
		min-width: calc(100% - 20px) !important;
	}
	.prepaye_top_block_col .pass-banner .rech-banner{
		margin-top:0 !important;
	}
	.prepaye_top_block_col .pass-banner .rech-banner,
	.prepaye_top_block_col .pass-banner .rech-coupon-holder {
		margin-bottom: 15px;
	}
	.pass-banner .rech-banner H1,
	.rech-coupon-holder H1{
		margin-top: 10px;
	}
	
	.rech-coupon-button{
		
		width: calc(100% - 20px) !important;
		min-width: 292px !important;
	}
	.order_recharge_block .pass-banner .rech-coupon-holder .form_wrapper{
		
		max-width: calc(100% - 20px) !important;
	}
	.order_recharge_block .pass-banner .rech-coupon-holder .close {
		
		right: 15px !important;
		top: 7px !important;
	}
	.prepaye_top_blocks_row.tarrif_block_row{
		padding-left:10px;
		padding-right:10px;
	}
	.tarifs-banner{
		width:100%;
		height:200px;
		background:#fff;
	}
	.syma-forfait-onetime-banner{
		max-width: 325px;
	}
	.prepaye_page_avantage.left{
			width:100%;
	}
	*/
	/*PREPAYE PAGE ENDS*/
	
	/*CONTACT PAGE*/
	
	.contact_services_col.addresses_col{
		text-align: center;
	}
	.contact_services_col.formulaire_col h6{
		text-align:center;
	}
	
	/*CONTACT PAGE ENDS*/
	
	/*PARAMS INTERNET PAGE*/
	.parametrage_internet_container{
		padding:0 25px;
	}
	.parametrage_internet_block .conditions{
		/* text-align:center; */
		margin-top:70px;
		min-height: calc(100vh - 100px);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/*.parametrage_internet_block .conditions .push50{
		text-align:left;
	}*/
	.parametrage_internet_block .conditions .title {
		/*font-size: 1.25rem !important;
		padding: 1rem 0;*/
		text-align: center;
		
	}
	.parametrage_internet_block .conditions_wrapper .title{
		/* font-size:1rem; */
		/* line-height:1.25rem; */
		
		font-size: 1.25rem;
		line-height: 1.5rem;
		
		/* margin-top: -1.25rem; */
		margin-bottom: 1.25rem;
		
	}
	.parametrage_internet_block .conditions_wrapper .subtitle {		
		font-size: 1rem;
		line-height: 1.25rem;
		text-align:center;
		margin-bottom: 1.25rem;
	}
	.android_mode{
		font-size: 1rem;
		font-weight: 700 !important;
		line-height: 3.125rem !important;/*50px;*/
	}
	.etap_text_wrapper{
		text-align:center !important;
	}
	.ios_profile_download{
		background-color: #ec1c24;		
		text-shadow: none;
		font-weight:700 !important;
		
		margin-bottom:1rem !important;
		text-transform:uppercase;
		
	}
	/*.parametrage_internet_block .slick-track{
		
		margin-top:70px;
		height:auto;
		clear:both;
		
	}
	.parametrage_internet_block .etapes-back,
	.parametrage_internet_block .etapes button {
	   margin-top:10px;
	}
	.parametrage_internet_block .screenshot{
		margin-top:50px;
		margin-bottom: 50px;
	}
	.parametrage_internet_block .screenshot img{
		margin: 0 auto;
		max-width: 70% !important;
	}
	.param_end_img img {
   
		height: 25px;
		margin: 0 auto;
		
	}
	.parametrage_internet_block .etapes-back,
	.parametrage_internet_block .etapes{
		top:calc(50% - 50px) !important;
		margin-left: 0 !important;
		margin-right:0 !important;
		    margin-top: 0;
	}
	.parametrage_internet_block .etapes-back{
		left: 0 !important;
	}
	.parametrage_internet_block .etapes{
		right: 0 !important;
	}*/
	#params_demo_animation_wrapper{
		width: 90%;
		margin: 0.5rem auto;
		min-height: 540px;
		background: #0000ff;
	}
	/*PARAMS INTERNET PAGE ENDS*/
	
	/*ORDER PRODUCTS PAGE*/
	.order_products_container .content_wrapper{
		/* min-height:calc(100vh - 170px); */
		/*min-height:calc(100vh - 60px);/*height of footer substract*/
		min-height:calc(100vh - 100px);/*height of footer substract*/
	}
	.slide_panel_NOK .order_products_container .content_wrapper{
		min-height:  calc(100vh - 0px);/*no header in panel only % does not work for min-height, so calc with 0 subtract*/
	}
	.row.content_wrapper_first_child{
		margin-left:0;/*to copensate margins of bootstrap row*/ 
		margin-right:0;/*to copensate margins of bootstrap row*/ 
	}
	
	.product_summary_container {    
		margin-bottom: 1.5rem;
	}
	.product_counter{
		/* padding-left:0; */
		margin-bottom: 1rem;
	}
	.product_order_container{
		padding:0;
	}
	
	/*from BS*/
	.client_type_tabs ul.nav-tabs{
		
		padding: 0 calc(50% - 150px);
	}
	/*from BS ends*/
	.operations_pricipales_panel{
		padding:0 5px !important;
	}
	.client_type_tab_pane .input-group {
		margin-bottom: 10px;
	}
	.operations_pricipales_panel_container .row{
		margin-left:0 !important;
		margin-right: 0 !important;
	}
	.operations_pricipales_panel_container .panel-heading h4{
		font-size:1.25rem;
	}
	.subscription_block_half{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.iban_bic_wrapper .input-group{
		/* margin:10px 0; */
		margin:5px 0;
	}
	#forfait_submit_button_container.submit_buttons_group{
		/* padding-top:20px !important; */
		padding-top:0px !important;
	}
	
	
	/*Refonte 2020*/
	.operations_pricipales_panel_container {
		padding: 0 0.5rem;
	}
	.client_type_selection_block{
		margin-bottom:1rem;
	}
	.client_type_tab_pane_title{
		font-size:1rem;
		
	}
	#existing_client .client_type_tab_pane_title{
		margin-top: 30px;
	}
	
	.client_address_container{
		margin-top:3.125rem;;
	}
	.portability_welcome_container{
		margin-top:6.25rem;;
	}
	.portability_welcome_heading{
		font-size:1.25rem;
	}
	.portability_welcom_phone_num{
		font-size:1.125rem;
	}
	.portability_rio_title{
		font-size:1.rem;
		line-height:1.25rem;
	}
	.portability_rio_title small{
		font-size:0.875rem;
		line-height:1.125rem;
	}
	.portabilite_tab_pane .input-group.rio_input_group,
	.portabilite_tab_pane .input-group.date_porta_input_group{
		margin:1rem 0 !important;
	}
	.portabilite_tab_pane .input-group input.form-control{
		font-size:1rem;
	}
	.toggle_rio_info{
		font-size:0.875rem;
	}
	.rio_info.expand{
		margin-top:1rem;
	}
	
	.client_address_title,
	.conditions_generales_title,
	.choose_recurring_payment_method_title,
	.CB-condition_rules_title,
	.iban_mandat_panel_title,
	.paiment_panel_title,
	.existing_client_password_title{
		font-size:1rem;
		
	}
	
	.iban_bic_wrapper .input-group{
		margin: 0.5rem 0;
	}
	
	.paiment_panel_subtitle{
		font-size:1rem;
		line-height:1.25rem
	}
	.mandat_title{
		font-size:1rem;
		line-height:1.25rem;
	}
	.get_password_method_wrapper{
		display:block;
	}
	/*Refonte 2020 Ends*/



	/*ORDER PRODUCTS PAGE ENDS */
	
	/*FAQ PAGE*/
	.faq_middle .faq_middle_inner ol li{
		padding:0 !important;
	}
	/*FAQ PAGE ends*/
	/*COMMUNIQUES DE PRESSE*/
	.communiques_de_presse_iframe{
		min-height:1350px;
	}
	/*COMMUNIQUES DE PRESSE ENDS*/
	/*ILS PARLENT DE SYMA*/
	.ils_parlent_de_syma_iframe{
		/* min-height:1350px; */
		min-height:5600px;
	}
	/*ILS PARLENT DE SYMA ENDS*/
	
	/*mediatheque*/
	.mediatheque_iframe{
		min-height:1560px;
	}
	/*mediatheque ENDS*/
	
	/** CONTENT ENDS **/
	
	/***FOOTER  ***/
	
	.main_footer_wrapper{
		margin-right: 0px; /*to eliminate margin of row fluid class*/
		margin-left: 0px; /*to eliminate margin of row fluid class*/
		
	}
	.footer_fewer_links_row{
		height: 170px;
		text-align: center;
		justify-content: center;
	}
	.footer_block.contact_hotline_block{
		height:50px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.footer_block.social_links_block{		
		/* height:100px; */
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
	}
	footer a {
		color:inherit;
	}
	
	.contact-syma-hotline-fa{
		width : 75px;
		float:left;
		font-size: 50px;
		padding-right:10px;
	}
	.contact-syma-hotline-text{
		width: calc(100% - 75px);
		float:left;
		position:relative;
		padding-left:5px;
	}
	.contact-syma-hotline-text a{
		position: absolute;
		/* top: 10px; */ /*after morph commented*/
		top: -18px;
		
	}
	.footer_links_wrapper{
		padding: 12px 0 ;
	}
	.footer_block.social_links_block .join-us{
		margin:10px 0;
	}
	.footer_block.social_links_block .join-us i{
		font-size: 2rem;
		padding: 0 8px;
	}
	
	.footer_block.social_links_block .join-us h1{
		font-size:1rem;
	}
	.footer_block.social_links_block .footer-copyright{
		/* font-size:9px; */
		/* margin-top:10px; */
		font-size:0.8125rem;
		color: #999999 !important;
	}
	
	.footer_fewer_links_block .col-sm-12{
		/* width:50%; */
		padding: 0 0.3125rem;
		font-size: 0.875rem;
		font-weight: 500 !important;
		line-height: 1.5rem;
		letter-spacing: 0px;
	}
	.footer_fewer_links_block .col-sm-12 a{
		font-weight: 500 !important;
	}
	
	/***FOOTER ENDS ***/
	
	
	/*SIM ACTIVATION*/
	.activate_sim_modal .pass_buy_error_icon{
		/* background-size: 115px 80px !important; */
		/* height: 50px !important; */
	}
	.activate_sim_modal .modal-body .pass_buy_error_icon{
		margin: 0px !important;
	}
	/*SIM ACTIVATION ends*/
}

@media  (max-width: 400px) {
	.client_type_tabs ul.nav-tabs .nav-item{
		max-width:150px;
		  
	}
	.existing_client_forgot_password{		
		
		padding: 0 !important;
	}
	.forfait_row .forfait_col .forfait_subscribe_button_holder{
		/* padding: 20px 0 0 0; */
	}
	.pass-banner .rech-banner form .rech_amount_button{
		/* margin:0 5px !important; */
	}
	
	.forfait-prix-holder .amount{
		margin-left:-50px !important;
	}
	.forfait_title_image{
		margin-right: 0px !important;
		
	}
	
	.pass_category_title .syma-pass-banner-logo{
		/* width: 70% !important; */
		/* width: 45% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.internet{
		/* width: 55% !important; */
		/* width: 30% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.national{
		/* width: 55% !important; */
		/* width: 30% !important; */
		
	}
}
@media (max-width: 320px){
	
	.pass-banner .rech-banner form .rech_amount_button {
		max-width: 56px !important;
	}
}
@media (max-width: 374px){
	.logged_in_user_container{
		max-width:120px;
	}
	
	.prepaid_heading_col{		
		height:130px;		
	}
	.rech_amount_button{
		
		margin:0 2px;
		
	}
	.custom-panel .menu_option_top .menu_text{
		padding:0;
	}
	
	.parametrage_internet_container{
		padding:0 16px;
	}
	
	
}