@import url('sliding_menu.css');
@media  (max-width: 767px) {
	.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*/
	}
	.ua_iPhone .small_screen .main_header_wrapper.enlarge{ /*fix for iOs*/
		min-height:1000px !important;
		overflow:auto !important;
		
	}
	.login_header_menubar{
		float:left;
		padding: 17px 17px 17px 12px;
	}
	.header_home_link_icon{
		float:right;
	}
	/**MENU**/
	
	.custom-panel .menu_option{
		/*height:60px !important;*/
		padding:15px 0;
		width:100%;
		height:40px;
		display:table;
		vertical-align:middle;

	}
	.custom-panel .menu_option .menu_text{
		font-size: 18px !important;
		font-weight: 400 !important;
		height: 40px !important;
		display: table-cell;
		margin:0 !important;
		padding-left:10px;
		vertical-align:middle;
		text-decoration: none;
		color: #333;
	}

	.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;
		font-weight:400 !important;
		display:table-cell;
		vertical-align:middle;
	}
	
	.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*/	
		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*/
	}
	.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;
	}
	
	
	#forfaits_container.content{
		background:none;
	}
	
	
	/*MORE INFO CONTENT*/
	.more-info-content {
		border:none !important;
		margin-top: -3px;
		margin-right:0;
		margin-left:0;
	}
	/*MORE INFO CONTENT ENDS*/
	
	/*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:auto; */
		
	}
	.index_forfaits_list_container_inner{
		/* width:99% !important; */
	}
	
	/* .index_forfaits_list_container, */
	.index_forfaits_list_container_inner .row{
		min-height:520px;
	}
	
	/*INDEX ENDS*/
	
	
	/*FORFAIT*/
	.forfaits_subtitle_jumbotron{
		font-size: 1.05rem;;
	}
	.forfaits_list{
		/* height:930px; */
	}
	.forfait_row,
	.prepaye_top_blocks_row{
		margin-top:0px;
	}
	.forfaits_list > .forfait_row ~ .forfait_row,
	.prepaye_top_blocks > .prepaye_top_blocks_row ~ .prepaye_top_blocks_row{
		/* margin-top:30px; */
		border-top: 1px solid #ccc;
	}
	
	.forfait_row .forfait_col{
		/* height: 450px; */
		/* height: 515px; */
		height: auto;;
		background: #fff;		
		margin-top:0px;
		padding-top:20px;
	}
	.forfait_row > .forfait_col ~ .forfait_col{
		/* margin-top:30px; */
		border-top: 1px solid #ccc;
		
	}
	.forfaits_title_jumbotron{
		padding:1rem;
	}
	.forfaits_title_jumbotron h1,
	.prepaye_title_jumbotron h1{
		/* font-size:1.375rem; */
		/* font-size:1.275rem;  */
		font-size: 1.45rem;
		/* font-weight: 800; */
		/* padding: 35px 35px 10px 35px; */
		height: auto
	}
	
	.prepaye_title_jumbotron h1{
		font-size: 1.9rem;
		padding:0px;
		font-weight: 800;
	}
	
	
	.pass_category_heading {
		height: auto !important;
		margin-left:0;
	}
	.pass_category_heading .close-icon{
		/* display:none !important; */
		right: 10px !important;
		top: calc(50% - 20px) !important;
		
		font-size: 2rem !important;
	}
	.pass_category_title {
		/* padding: 0px !important; */
		/* height: auto !important; */
		/* width: 100% !important; */
		/* margin-bottom: 30px; */
	}
	
	.pass_category_title .syma-pass-banner-logo{
		/* width: 70% !important; */
		/* width: 35% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.internet{
		/* width: 55% !important; */
		/* width: 20% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.national{
		/* width: 55% !important; */
		/* width: 20% !important; */
		
	}
	
	/*********** PASS LIST ITEMS ***************/
	.pass_lh {
		display: none !important;
	}
	.pass_li {
		height: 75px !important;
		margin: 0px !important;
		position: relative;
		/* border-top: 1px solid #ccc; */
		/* border-bottom: 0px solid #ccc !important; */
		border-top: 1px solid #f4f4f4;
		border-bottom: 0px solid #f4f4f4 !important;
	}
	.pass_category_list.internet .pass_li {
		/*margin-top:16px !important*/ /*open comment if promo*/
	}
	.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;
	}
	.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;
	}
	
	.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%;
	}
	.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.25rem !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;
	}
	/*********** PASS LIST ITEMS ENDS***************/
	
	.mysyma_appbanner_wrapper{
		/* margin-left: 0 !important; */
		/* margin-right:0 !important; */
	}
	.app_banner_half.left {		
		background-position-x: center; 
		background-position-y: bottom;		
	}
	
	
	/*#avantages-country-previous {
		margin-left: 12px !important;
	}
	#avantages-country-next {
		margin-right: 12px !important;
	}*/ /*was already commented before removing sliding block*/
	
	
	
	
	/*TEMP*/
	/*.forfait_row .forfait_col[data-forfait='25']{
		background-image: url(../images/forfait_screen_shots/1_90_small.JPG);
	}
	.forfait_row .forfait_col[data-forfait='19']{
		background-image: url(../images/forfait_screen_shots/19_90_small.JPG);
	}
	.forfait_row .forfait_col[data-forfait='23']{
		background-image: url(../images/forfait_screen_shots/9_90_small.JPG);
	}
	.forfait_row .forfait_col[data-forfait='18']{
		background-image: url(../images/forfait_screen_shots/14_90_small.JPG);
	}*/
	/*TEMP ENDS*/
	
	.forfait_row .forfait_col .forfait_subscribe_button_holder{
		/* padding: 30px 0; */
	}
	.forfait-footer button{
		padding: 2rem 0 !important;
		line-height: 0rem !important;
	}
	.mysyma_appbanner_container {
		margin-left:0; 
		margin-right:0;
	}
	/*FORFAIT ENDS*/
	
	
	/*PREPAYE PAGE*/
	.prepaye_top_blocks_row .prepaye_top_block_col{
		/* height: 200px; */
		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:30px; */
		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;
		/* line-height: 24px; */
		/* line-height: 0 */
	}
	.prepaye_top_block_col .sim-banner .sim-order-button-holder button.buy-sim{
		/* min-width:290px !important; */
		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{
		/* min-width:290px !important; */
		/* min-width: calc(100% - 20px) !important; */
		width: calc(100% - 20px) !important;
		min-width: 292px !important;
	}
	.order_recharge_block .pass-banner .rech-coupon-holder .form_wrapper{
		/* max-width:300px !important; */
		max-width: calc(100% - 20px) !important;
	}
	.order_recharge_block .pass-banner .rech-coupon-holder .close {
		/* right: calc(50% - 145px) !important; */
		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_block #conditions{
		text-align:center;
	}
	.parametrage_internet_block #conditions .push50{
		text-align:left;
	}
	.parametrage_internet_block #conditions .title {
		font-size: 1.25rem !important;
		padding: 1rem 0;
		
	}
	.parametrage_internet_block .slick-track{
		margin-top:60px;
		height:auto;
		clear:both;
		/* min-height:760px; */ /*we want to increase it dynamicaly */
	}
	.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 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*/
	}
	.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;
	}
	/*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_block.contact_hotline_block{
		height:50px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.footer_block.social_links_block{
		/* height:120px; */
		height:60px;
	}
	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;
	}
	
	.footer_fewer_links_block .col-sm-6{
		width:50%;
		padding: 0 5px;
		letter-spacing: 0.15px;
		font-size: 0.79rem;
	}
	
	/***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){
	.forfaits_title_jumbotron h1{
		font-size:1.275rem;
	}
	.pass-banner .rech-banner form .rech_amount_button {
		max-width: 56px !important;
	}
}