﻿.fixed-leftSd,.fixed-rightSd {
  	background: radial-gradient(ellipse at bottom, #1b2735, #2C3E50);
	7878position:fixed;
	77top:80px; 
	width:120px;
	height:600px; 
	777margin: 15px; 
	777z-index:9999;
	transform:translateZ(0);

   

        position:absolute; /*it can be fixed too*/
        77left:0; 77right:0; margin-left: 15px !important;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        777max-width:100%;
        777max-height:100%;
        777overflow:auto;

	}

.fixed-leftSd {
	left:0
	}

.fixed-rightSd {
	right:0;
	}

.close-fixedSd {
	position:absolute;
	width:120px; WIDTH: 24PX;
	height:21px;  HEIGHT: 24PX;
	BORDER-RADIUS: 50%; 
	line-height:15px; 
	font-size:11px; font-size: 12px;
	font-weight:400;
	top:-20px;
	left:0;
	text-align:center;
	background:#e0e0e0;
	color:#666;
	padding:5px 0;
	cursor:pointer;
	}

@media screen and (max-width:1400px){
	.fixed-leftSd, .fixed-rightSd {
		display:none;
		visibility:hidden;
		}
	}











/***************************************************************************************************************************/

/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
  	.fixed-leftSd,.fixed-rightSd {
		display: none;    
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
  	.fixed-leftSd,.fixed-rightSd {
		display: none; 11BORDER: 2PX SOLID YELLOW;
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
  	.fixed-leftSd,.fixed-rightSd {
		display: none;   11BORDER: 2PX SOLID GRAY;
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
  	.fixed-leftSd,.fixed-rightSd {
		display: none;   11BORDER: 2PX SOLID ORANGE;
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
  	.fixed-leftSd,.fixed-rightSd {
		display: none;   11BORDER: 2PX SOLID BLACK;
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.fixed-leftSd,.fixed-rightSd {
		display: inline !important;   11BORDER: 2PX SOLID PURPLE;
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
  	.fixed-leftSd,.fixed-rightSd {
		display: inline !important;    11BORDER: 2PX SOLID BLUE; 
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
  	.fixed-leftSd,.fixed-rightSd {
		display: inline-block !important;  11BORDER: 2PX SOLID GREEN;
  		}
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
  	.fixed-leftSd,.fixed-rightSd {
		display: inline-block !important;  11BORDER: 2PX SOLID RED; 
		} 
	}
/*********************************************************************************************************/













