/*----------------------------------------------------
	Left Sidebar
---------------------------------------------------- */

#main {
    float: right;
    width: 60%;
    display: block;
    margin-top: 5%;
    margin-right: 2%;
    margin-bottom: 0%;
    margin-left: 0%;
}
#intro {
	margin-left: 0px;
}

#main-core {
	margin-left: 0px;
	margin-bottom: 10%;
}
#sidebar {
display: flex;
float: right;
width: 25%;
margin-bottom: 3%;  }
#sidebar-core {
  margin-right: 0%;
  margin-left: 17%;
  margin-top: 6%;
  margin-bottom: 15%;
       }

@media all and (max-device-width: 480px)
{
	#main {
    float: right;
    width: auto;
    display: block;
    margin-top: 5%;
    margin-right: 0%;
    margin-bottom: 10%;
    margin-left: 0%;
	}
	
	#sidebar-core {
   margin-right: 6%;
margin-left: 6%;
margin-top: 0%;
margin-bottom: 4%;
	}
	
	#sidebar {
    display: contents;
    float: right;
    width: 25%;
    margin-bottom: 3%;
	}
	
}
	   
@media all and (min-device-width: 481px) and (max-device-width: 600px)
{
	#sidebar-core {
    margin-right: 0%;
    margin-left: -90%;
    margin-top: -20%;
    margin-bottom: 15%;
	}

	#main {
    float: right;
    width: 90%;
    display: block;
    margin-top: 3%;
    margin-right: 5%;
    margin-bottom: 0%;
    margin-left: 0%;
	}
	
	#sidebar {
    display: block;
    float: right;
    width: 50%;
    margin-bottom: 3%;
	}
}	   
	
@media all and (min-device-width: 601px) and (max-device-width: 800px)
{
	#sidebar-core {
    margin-right: 0%;
    margin-left: -90%;
    margin-top: -20%;
    margin-bottom: 15%;
	}

	#main {
    float: right;
width: 90%;
display: block;
margin-top: 10%;
margin-right: 5%;
margin-bottom: 5%;
margin-left: 0%;
	}
		
	#sidebar {
    display: flex;
    float: right;
    width: 50%;
    margin-bottom: 3%;
	}
}		
	   
@media all and (min-device-width: 801px) and (max-device-width: 900px)
{

	#sidebar {
    display: contents;
    float: right;
    width: auto;
    margin-bottom: 3%;
	}
	
	#sidebar-core {
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-bottom: 6.5%;
	}

	#main {
    float: right;
width: 100%;
display: block;
margin-top: 8%;
margin-right: 0%;
margin-bottom: 4%;
margin-left: 0%;
	}
	
}

@media all and (min-device-width: 901px) and (max-device-width: 1024px)
{

	#sidebar {
    display: block;
    float: right;
    width: 35%;
    margin-bottom: 3%;
	}
	
	#sidebar-core {
    margin-right: -5%;
    margin-left: -50%;
    margin-top: 0%;
    margin-bottom: 15%;
	}

	#main {
    float: right;
    width: 50%;
    display: block;
    margin-top: 8%;
    margin-right: 1%;
    margin-bottom: 4%;
    margin-left: 1%;
	}

}

@media all and (min-device-width: 1025px) and (max-device-width: 1280px)
{
	#sidebar-core {
    margin-right: 0%;
    margin-left: -35%;
    margin-top: 8px;
    margin-bottom: 15%;
	}
	
	#main {
    float: right;
width: 45%;
display: block;
margin-top: 5%;
margin-right: 2%;
margin-bottom: 0%;
margin-left: 3%;
	}
	
	#sidebar {
   display: inline-flex;
float: right;
width: 35%;
margin-bottom: 3%;
	}
}

@media all and (min-device-width: 1281px) and (max-device-width: 1440px)
{
	#sidebar-core {
    margin-right: -20%;
    margin-left: -23%;
    margin-top: 75px;
    margin-bottom: 15%;
	}
	
	#main {
    float: right;
    width: 58%;
    display: block;
    margin-top: 6%;
    margin-right: 2%;
    margin-bottom: 0%;
    margin-left: 7%;
	}
}

@media all and (min-device-width: 1441px) and (max-device-width: 1660px)
{
	#main {
    float: right;
    width: 60%;
    display: block;
    margin-top: 6%;
    margin-right: 4%;
    margin-bottom: 4%;
    margin-left: 2%;
	}
	
	#sidebar {
    display: flex;
    float: right;
    width: 30%;
    margin-bottom: 3%;
	}
	
	#sidebar-core {
    margin-right: 5%;
    margin-left: 0%;
    margin-top: 4%;
    margin-bottom: 15%;
	}
	
}

@media all and (min-device-width: 1661px) and (max-device-width: 1880px)
{
	#main {
    float: right;
    width: 57%;
    display: block;
    margin-top: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    margin-left: 4%;
	}
	
	#sidebar {
    display: flex;
    float: right;
    width: 30%;
    margin-bottom: 3%;
	}
	
	#sidebar-core {
    margin-right: -4%;
    margin-left: 0%;
    margin-top: 4%;
    margin-bottom: 15%;
	}
}

@media all and (min-device-width: 1881px)
{
	#main {
    float: right;
    width: 57%;
    display: block;
    margin-top: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    margin-left: 4%;
	}
	
	#sidebar {
    display: flex;
    float: right;
    width: 30%;
    margin-bottom: 3%;
	}
	
	#sidebar-core {
    margin-right: -4%;
    margin-left: 0%;
    margin-top: 4%;
    margin-bottom: 15%;
	}
}