@media  (min-width: 768px) {
	.big_screen{
		display:block;
	}
	.small_screen{
		display:none !important;
	}
	
	/***HEADER****/
	.main_header{
		display:block;		
		height:61px; /*1px for border bottom of main_header_wrapper*/
	}
	.main_header_wrapper,
	.main_footer_wrapper,
	.content_wrapper{
		/*min-width: 800px;*/
		/* max-width: 1440px; */
		margin: 0 auto;
		/* padding:0 25px; */ /*only for screens bigges than 1200px*/
	}
	
	.main_header_wrapper{
		border-bottom: 1px solid #000;
	}
	
	.menu_options{
		float:right;
		display:inline-block;
		width: calc(100% - 150px);
	}
	.main_header .menu_options ul{
		margin: 0;
		padding: 0;
		float: right;
		display: inline-block;
		position: relative;
		list-style-type: none;
		width: auto;
		width: 100%;
		height:60px;
	}
	.main_header .menu_options li{
		display: block;
		float: left;
		/* margin: 0 2px; */
		line-height: 60px;
		/* margin: 0 0 0 40px; */
		color: #111;
		min-width: calc(20% - 7px);
		text-align: center;
		border: 1px solid #000;
		border-bottom: 0px;
		/* margin-right: 5px; */
		margin-left: 5px;		
		height: 60px;
		
	}
	.main_header .menu_options li.first{
		margin-left:0;
	}
	.main_header .menu_options li.last{		
		float:right;
		min-width:20%;
	}
	.main_header .menu_options li a{
		color: #111;
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 60px;
		display: block;
		/* float: left; */
		text-decoration: none;
	}
	.main_header .menu_options li:hover,
	.main_header .menu_options li:active,
	.main_header .menu_options li.active{
		background:#ec1c24;
		border-color:#ec1c24;
	}
	.main_header .menu_options li a:hover,
	.main_header .menu_options li.active a{
		color:#ffffff;
	}
	
	.menu-panel .menu_option a.menu_text {
		text-decoration: none;
	}
	
	/**** OPTIONS BOX  ****/
	.menu_options .fa-th{
	
		line-height: 60px;    
		cursor: pointer;
		font-size: 28px;
		/*color made by color + opacity (like google)*/
		/* color: #000; */
		color: #999;
		/* opacity: 0.55; */
	}
	.menu_options .fa-th:hover,
	.menu_options .fa-th:active{
		opacity: 1;
		color:#ec1c24;
	}
	.options_box{
		/* width:245px; */
		/* height:245px; */
		/* width:260px; */
		width:265px;
		/* height:362px; */
		/* height:262px; */
		height:auto;
		/*min-height: 545px; /*to void scroll bar inside option_box*/
		min-height: 145px; /*to void scroll bar inside option_box*/
		border:1px solid #ccc ;
		background:#ffffff;
		position: fixed;
		right:0px;
		top: 61px;
		z-index: 10001;
		display:none; 
		/* overflow-y:auto; */
		overflow-y:hidden;
	}
	.options_box:before{
		content: ' ';
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #ccc;	
		margin-top: -20px;    
		position: fixed;   
		right: 18px;
	}
	.options_box a{
		width:100px;
		height:135px;
		margin:10px;
		float:left;	
		/* background-size: 50px; */
		/* background-repeat: no-repeat; */
		/* background-position: center; */
		text-decoration:none;
		color:#999;
	}
	.options_box a:hover{
		/* border: 1px solid #ccc; */
		/*-webkit-box-shadow: 1px 1px 3px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		/*-moz-box-shadow:    1px 1px 3px 1px #ccc;  /* Firefox 3.5 - 3.6 */
		/*box-shadow:         1px 1px 3px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
		background:#f8f8f8;
		color:inherit;
	}

	.options_box a img{
		height:50px;
		width:50px;
		margin: 20px 25px 5px 25px;
	}
	.options_box a i{
		height:50px;
		width:50px;
		margin: 20px 25px 5px 25px;
		font-size: 50px;
		color:#ec1c24;
	}
	.options_box a div{
		text-align: center;
		padding: 5px 0;
	}
	
	/**** OPTIONS BOX ENDS ****/


	/*** HEADER ENDS ***/
	
	/** CONTENT **/
	.content{
		/*min-height: calc(100% - 160px); */
		/* min-height:  calc(100% - 100px); /*height of footer substract*/    
		min-height:  calc(100% - 61px); /*height of footer substract*/	  
		/* background:#f2f2f2; */
		background:#ffffff;
	}
	.slide_panel_NOK .content{
		min-height:  calc(100% - 0px); /*no header in side panel (subscribe page). And only % value does not work for min-height*/
	}
	
	.content.mentions_legales_container,
	.content.faq_container,
	.content.communiques_de_presse_container,
	.content.ils_parlent_de_syma_container,
	.content.mediatheque_container{
		min-height:  calc(100% - 62px);		
	}
	
	.tab_link{
		 border-right: 1px solid #000;
	}
	
	
	
	
	/** CONTENT ENDS **/

	/***FOOTER ***/
	/*
	.main_footer{
		
		bottom: 0;
		width: 100%;
		background: #fff;
	}
	.main_footer.footer {
		width:100%;
		
	
		height: 60px;		
		
	}
	.main_footer.footer > .content {
		width: 100%;
		
		max-width: 1440px;
		margin: 0 auto;
	}
	.main_footer_wrapper{
		height:100%;
		
		min-height:60px;	
	}
	.contact-syma-hotline-fa{
		font-size: 50px !important;
		
		color: #999;
		max-width:70px;
	}
	.contact-syma-hotline-fa,
	.footer_links_block_inner,
	.footer_block.social_links_block .join-us{

	}
	.contact-syma-hotline-text{
		position:relative;
	}
	.contact-syma-hotline-text a{
		position: absolute;
		
		top: 5px;
		left: 0;
	}
	
	footer a,
	footer button.footer_link_button{
		color:#999;
	}
	
	.footer_links_block_inner{
		height:100%;
		
		max-width:665px;
		
		margin-right:auto;
		margin-left:auto;
		background:#fff;
		
	}
	
	.footer_links_block_inner .fa-ul{
		margin-left:0;
		margin-bottom:0;
	}
	
	.footer_block.social_links_block .join-us h1,
	.footer_block.social_links_block .join-us a{		
		color: #999;		
	}
	.footer_block.social_links_block .join-us{		
		
	}
	.footer_block.social_links_block .join-us i{
		font-size: 22px;
		margin: 0 5px;
	}
	
	.footer_block.social_links_block .join-us h1{
		font-size:1rem;
	}
	.footer_block.social_links_block .footer-copyright{
		font-size:9px;
		
	}
	
	.row.footer_links_wrapper{		
		margin-left:0; 
	}
	
	.footer_fewer_links_block .col-sm-6{
		
		text-align: left;
		padding: 0;
		line-height: 0.5rem;
	}
	.footer_fewer_links_block .col-md-4 {
			line-height:1.5;
	}
	.footer_fewer_links_block a{
		color:#000;
		font-weight: 500;
		font-size: 0.75rem;
	}
	
	*/
	/***FOOTER ENDS ***/
	
}

/** medium screen only **/
@media  (min-width: 768px) and  (max-width: 991px){
	/*HEADER*/
	.main_header .menu_options li{
		/* min-width:18% */
	}
	/*HEADER ENDS*/
	/*CONTENT*/
	
	
	/*CONTENT ENDS*/
	
	
	/*FOOTER*/
	/*
	.contact-syma-hotline-fa{
		font-size:46px !important;
		padding-right: 4px;
		padding-left: 0px;
	}
	.contact-syma-hotline-text{
		
		max-width: calc(100% - 51px);
		padding: 0 0px;
		
	}
	.contact-syma-hotline-text a{
		position: absolute;
		
		top: -10px;
	}
	.footer_links_block {
		padding:0;
	}
	.footer_links_block_inner .col{
		font-size:0.69rem;
		padding: 0 5px;
	}
	.footer_links_block_inner .fa-ul li{ 
		padding: 5px 0;
	}
	
	.footer_block.social_links_block{
		padding:0;
	}
	.footer_block.social_links_block .join-us h1{
		font-size:0.75rem;
	}
	.footer_block.social_links_block .join-us i{		
		margin: 0 2px;
	}
	
	*/
	/*FOOTER ENDS*/
	
	
	
	
	
	
	
	
}
@media  (max-width: 991px){
	
	.forfait_title_img_wrapper{
		display:none;
	}
	.forfait_row .forfait_col .forfait-prix-holder {
		/* padding-top: 0 !important; */
		/* padding-top: 27.5px !important; */
	}
	.forfait_more_info_button{
		display:inline-block !important;
		
	}
	.forfait-footer button {
		width: 60%;
		/* max-width: 200px; */
		/* max-width: calc(100% - 50px); */
		/* height: 50px; */
		height: 40px;
		/* border-radius: 0.25rem !important; */
	}
	.forfait_row .forfait_col .forfait_col_content_col.forfait-col-left-wrapper{
		/* text-align:center; */
		text-align:left;
		max-height:0;
		overflow: hidden;	
		max-width: 200px;
		border-bottom: 1px solid #ec1c24;
		/* border-image:url(../images/faq_underline.svg) 25 25 round; */
		/* border-image-source: url(../images/faq_underline.svg); */
		margin: 0 auto;
		/*-webkit-transition: max-height 0.5s ease-in-out;
		-moz-transition: max-height 0.5s ease-in-out;
		-o-transition: max-height 0.5s ease-in-out;
		transition: max-height 0.5s ease-in-out;;*/
	}
	.col-lg-8.forfait_col_content_col.forfait-col-left.forfait-col-left-wrapper:after {
		content: '';
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-top: solid 50px #e15915;
		border-left: solid 50px transparent;
		border-right: solid 50px transparent;
	}
	.forfait_row .forfait_col .forfait_col_content_col.forfait-col-left-wrapper.expand{
		max-height:1000px;
		background: #f2f2f2;
		/* padding:15px; */
		padding:15px 10px;
		max-width: 100%;
		margin: 0;
		-webkit-transition: max-height 0.5s ease-in-out;
		-moz-transition: max-height 0.5s ease-in-out;
		-o-transition: max-height 0.5s ease-in-out;
		transition: max-height 0.5s ease-in-out;;
	}
	.forfait_col_content_col .forfait-row {
		padding-right: 0;
	}
	
	.pass_along_forfait_modal .modal-title{
		font-size:1rem !important;
	}
	
	.prepaye_top_block_col .sim-banner .sim-order-button-holder button.buy-sim{
		font-size: 15px !important;
		padding: 10px !important;
	}
	.pass-banner .rech-coupon-holder .form_wrapper .input-group.recharge_coupon_phone_number_group{
		padding-bottom:0 !important;
	}
	.pass-banner .rech-coupon-holder .form_wrapper button{
		width: calc(100% - 10px) !important;
	}
	.pass-banner .rech-coupon-holder .close {
		right:5px !important;
		top:30px !important;
	}
	
	
	/*ORDER PRODUCTS PAGE*/
	.product_summary_container .product_counter h1{		
		display: inline-block;
	}
	.product_summary_container .product_counter p{		
		display: inline-block;
	}
	/*ORDER PRODUCTS PAGE Ends*/
	
	
	
	
	/*CONTACT PAGE*/
	
	.contact_services_col.image_col{
		display:none;
	}
	
	
	/*CONTACT PAGE ENDS*/
	
	/*from bs*/
	.operations_pricipales_panel #enregistrement_panel_container/*,
	.operations_pricipales_panel #offres_services_panel_container */{
		/* min-height: 850px; */
	}
	/*from bs ends*/
	
	
	
	
	
}
@media  (min-width: 992px){
	.forfaits_subtitle_jumbotron{
		font-size:2rem;
	}
	.row.forfait_col_content_wrapper{		
		-webkit-flex-direction: row-reverse; /* Safari 6.1+ */  
		flex-direction: row-reverse; 
		padding-top: 40px;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.forfait_col_content_wrapper:hover,
	.forfait_col_content_wrapper:active{		
		box-shadow: 0px 0px 1px 1px #f8f8f8;		
		transition: all .2s ease-in-out;		
		background: #fafafa;
	}
	.forfait_more_info_button{
		display:none !important;
	}
	.forfait-col-left-wrapper {
		/* border-right: 1px solid #e1e1e1; */
		display:none;
	}
	.forfait_row .forfait_col .forfait-footer.forfait_subscribe_button_holder,
	.forfait_row .forfait_col .forfait-footer.forfait_details_link{
		position:absolute; 
		bottom:50px; 
	}
	.forfait_row .forfait_col .forfait-footer.forfait_details_link{
		bottom:10px; 
		left:0; 
	}
	
	.forfait_row .forfait_col .forfait-prix-holder {
		/* text-align:left !important; */
	}
	.forfait-prix-holder .amount.single_dig{
		margin-left:-6px !important ; /*single_deg is when amount figure is  1 which is very thin, and we want to align center with its title image (L'indespensable)*/
	}
	.forfait-footer button.buy-forfait{
		display:none;
	}
	
	/*PREPAYE PAGE*/
	.pass-banner .rech-coupon-holder .form_wrapper .input-group{
		padding-top:0 !important;
	}
	.pass-banner .rech-coupon-holder .form_wrapper .input-group.recharge_coupon_phone_number_group{
		/* padding-left:0 !important; */
	}
	.pass-banner .rech-coupon-holder .form_wrapper .input-group.recharge_coupon_pin_number_group{
		/* padding-right:0 !important; */
	}
	.pass-banner .rech-coupon-holder .form_wrapper button{
		width: calc(100% - 10px) !important;
	}
	.pass-banner .rech-coupon-holder .close{
		top:40px !important;
	}
	.pass_category_title .syma-pass-banner-logo{
		/* width: 75% !important; */
		/* width: 55% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.internet{
		/* width: 55% !important; */
		/* width: 35% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.national{
		/* width: 55% !important; */
		/* width: 35% !important; */
		
	}
	/*PREPAYE PAGE ends*/
	
	/*CONTACT PAGE*/
	
	
	
	/*CONTACT PAGE ENDS*/
	
	/*PARAMETRAGE INTERNET PAGE*/
	.parametrage_internet_block .screenshot img{ 
		margin:0 auto;
	}
	/*PARAMETRAGE INTERNET PAGE ends*/
	
	/*ORDER PRODUCTS PAGE*/
	.product_summary_container {
		margin-top:11px;
	}
	
	/*from bs*/
	.operations_pricipales_panel #enregistrement_panel_container/*,
	.operations_pricipales_panel #offres_services_panel_container,
	.operations_pricipales_panel #summary_panel_container */{
		/* min-height: 574px; */
	}
	/*from bs ends*/
	.client_type_block{
		/* background:#f2f2f2 !important; */
		/* min-height:334px; */
		/* padding: 25% 0; */
	}
	.client_type_block.selected{
		/* min-height: 0; */
		/* background:#f2f2f2 !important; */
		padding:0;
		transition: padding 0.25s ease-in;
	}
	#enregistrement_panel_container .personal_details_group,
	#enregistrement_panel_container .address_group {		
		/* padding-top: 25px !important; */
		
	}
	#enregistrement_panel_container .panel-body {
		min-height:465px ; /*to avoid cutting of piece d'identite selectmenu cutting*/
	}
	#enregistrement-carte-sim-container #enregistrement_panel_container .panel-body {
		min-height:550px ; /*to avoid cutting of piece d'identite selectmenu cutting*/
	}
	#enregistrement_panel_container .submit_buttons_group{
		margin-top:-80px; /*min-height:465px of panel body pushesh submit button down, so to compensate for it*/
	}
	#enregistrement-carte-sim-container #enregistrement_panel_container .submit_buttons_group{
		/* margin-top:0px; /*overwrite the above one which is for subscription page only */ */
	}
	.paymentWrap {
		padding: 50px;
		
	}
	.payment_block{
		padding: 50px;
		
	}
	/*ORDER PRODUCTS PAGE Ends*/
	
	/*FOOTER*/
	.footer_links_wrapper{
		/* padding: 18px 0 ; */
		/* padding: 6px 0 ; */
	}
	/*FOOTER ENDS*/
}


/** large screen only **/  /** we dont use it, we only care for medium screens separately, that too rarely, otherwise all size above 768 are big_screen for us) **/
@media  (min-width: 992px) and  (max-width: 1199px){
	/*FORFAIT*/
	/*FORFAIT ENDS*/
	/*FAQ PAGE ENDS*/
	
	/*COMMUNIQUES DE PRESSE*/
	.communiques_de_presse_iframe{
		 min-height:1250px;
	}
	/*COMMUNIQUES DE PRESSE ENDS*/
	
	/*ILS PARLENT DE SYMA*/
	.ils_parlent_de_syma_iframe{
		 /* min-height:1250px; */
		 min-height:3300px;
	}
	/*ILS PARLENT DE SYMA ENDS*/
	
	/*mediatheque*/
	.mediatheque_iframe{
		min-height:1460px;
	}
	/*mediatheque ENDS*/
	
	/*FOOTER*/
	.contact-syma-hotline-fa{
		font-size:46px !important;
		padding-right: 4px;
		padding-left: 0px;
	}
	.contact-syma-hotline-text{
		/* max-width: calc(100% - 70px); */
		max-width: calc(100% - 50px); /*after applying 46px fontsie and padding-left 0*/
		
	}
	.contact-syma-hotline-text a{
		position: absolute; 
		/* top: 10px;  *//*after morph commented*/
		top: -10px; 
	}
	.footer_links_block {
		padding:0;
	}
	.footer_links_block_inner .col{
		font-size:0.80rem;
		padding: 0 5px;
	}
	.footer_links_block_inner .fa-ul li{ /*because small size, to make it easily clickable*/
		padding: 5px 0;
	}	
	/*FOOTER ENDS*/
	
	.avantages-sub-header {
		margin-bottom: 10px !important;
	}
	
	.app_banner_half.left {		
		background-position-x: right; 
		background-position-y: bottom;		
	}
	
}

@media  (min-width: 1000px) { /*Only for homepage naimation (1000px image)*/
	.index_forfaits_list_container_inner .row.anim_row .welcome_anim{
		margin-left: calc(50% - 500px);
	}
}
@media  (max-width: 1199px){
	/*ORDER PRODUCTS PAGE*/
	.existing_client_forgot_password{		
		font-size: 0.83rem !important;
	}
	/*ORDER PRODUCTS PAGE ends*/
}

/** extra large screen only **/ /** we dont use it, we only care for medium screens separately, that too rarely, otherwise all size above 768 are big_screen for us) **/
@media  (min-width: 1200px){
	/*GENERAL*/
	.main_header_wrapper,
	.main_footer_wrapper,
	.content_wrapper{
		
		/* padding:0 25px;  */
	}
	/*GENERAL ENDS*/
	
	/** CONTENT **/
	/*COMMUNIQUES DE PRESSE*/
	.communiques_de_presse_iframe{
		 min-height:1000px;
	}
	/*COMMUNIQUES DE PRESSE ENDS*/
	
	/*ILS PARLENT DE SYMA*/
	.ils_parlent_de_syma_iframe{
		 /* min-height:1000px; */
		 min-height:3050px;
	}
	/*ILS PARLENT DE SYMA ENDS*/
	
	/*mediatheque*/
	.mediatheque_iframe{
		min-height:1210px;
	}
	/*mediatheque ENDS*/
	
	
	/** CONTENT ENDS**/
	
	/*FOOTER*/
	
	
	.contact-syma-hotline-fa{		
		padding-left: 0px;
		padding-right: 10px;
	}
	.contact-syma-hotline-text{
	
		
	}
	.contact-syma-hotline-text a{
		position: absolute;
		/* top: 10px; */ /*after morph commented*/
		top: -10px;
	}

	.footer_links_wrapper{
		/* padding: 18px 0 ; */
		padding: 6px 0 ;
	}
	
	.footer_links_block {
		padding:0;
	}
	.footer_links_block_inner .col{
		font-size:0.825rem;
		padding: 0 5px;
	}
	.footer_links_block_inner .fa-ul li{ /*because small size, to make it easily clickable*/
		padding: 5px 0;
	}
	
	.footer_fewer_links_row{
		padding: 6px 0;
	}
	.mentions_legales_col{
		margin-left: -5%;
	}
	
	.footer_block.social_links_block .footer-copyright{
		/* font-size:11px; */
		
	}
	/*FOOTER ENDS*/
	
	.app_banner_half.left {		
		background-position-x: right; 
		background-position-y: bottom;		
	}
}

@media  (min-width: 1364px){ 
	/*FOOTER*/
	.contact-syma-hotline-text a{		
		/* top: 25px; */ /*after morph commented*/
		top: -5px;
	}
	/*FOOTER ENDS*/
}
@media (min-width: 1440px) {	
	 .options_box{ 
		
		right: calc(50% - 720px); 
		
	 } 
	 .options_box:before{
		
		right: calc(50% - 702px);
		
	}
}