@media only screen and (max-width: 1200px)
{
	.logo 
	{
	    width: 40%;
	    float: left;
	    display: inline-block;
	    margin-left: 25px;
	    margin-right: 100px;
	    margin-bottom: 20px;
	}

	.right-col-mid h1 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 34px;
	    line-height: 34px;
	    margin-top: -10px;
	    margin-left: 30px;
	}

	.right-col-mid h2 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 34px;
	    line-height: 38px;
	    margin-top: 5px;
	    margin-left: 30px;
	}

	article > p 
	{
	    font-style: normal;
	    margin-top: -30px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 900px)
{
	.left-col
	{
		width: 100%;
		float: none;
	}

	.right-col
	{
		width: 70%;
		float: none;
	}

	.col-center
	{
		margin: 0 auto 0 auto !important;
	}

	.logo 
	{
	    width: 40%;
	    float: left;
	    display: inline-block;
	    margin-left: 25px;
	    margin-right: 150px;
	    margin-bottom: 20px;
	}

	.menu{
		margin-bottom: 90px;
	}

	.right-col-mid 
	{
	    margin-top: 30px;
	    margin-bottom: 80px;
	    float: left;
	    width: 65%;
	}

	.right-col-mid h2 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 40px;
	    line-height: 38px;
	    margin-top: 70px;
	    margin-left: 30px;
	}

	article > p 
	{
    	font-style: normal;
    	padding-top: 25px;
	}
}

@media only screen and (max-width: 767px)
{
	#flyingImage
	{
		display: none;
	}
	
	.op-frame
	{
	    padding: 10px 10px 50px 10px !important;
	}

	.menu
	{
	    float: left;
	    width: 100%;
	    display: inline-block;
	    position: relative;
	    margin-left: -5px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	}


	.menu ul
	{
	    display: inline-block;
	}

	.menu li
	{
	    float: left;
	}

	.right-col-mid h1 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 36px;
	    line-height: 34px;
	    margin-top: -10px;
	    margin-left: 30px;
	}

	.logo 
	{
	    width: 40%;
	    float: left;
	    display: inline-block;
	    margin-left: 25px;
	    margin-right: 100px;
	}

	.right-col-mid h2 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 30px;
	    line-height: 38px;
	    margin-top: 30px;
	    margin-left: 30px;
	}
}

@media only screen and (max-width: 550px)
{

	.share-button-floating, #flyingImage
	{
		display: none;
	}

	.op-frame
	{
	    padding: 10px 10px 60px 10px !important;
	}

	td
	{
		font-size: 10px;
	}

	.logo 
	{
	    width: 40%;
	    float: left;
	    display: inline-block;
	    margin-left: 25px;
	}

	.menu
	{
	    float: left;
	    width: 100%;
	    display: inline-block;
	    position: relative;
	    margin-left: -5px;
	    margin-top: 20px;
	    padding-bottom: 10px;
	}


	.menu ul
	{
	    display: inline-block;
	}

	.menu li
	{
	    float: left;
	}

	.right-col-mid h1 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 22px;
	    line-height: 38px;
	    margin-top: -10px;
	    margin-left: 30px;
	    font-weight: 600;
	}

	.right-col-mid h2 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 24px;
	    line-height: 38px;
	    margin-top: 10px;
	    margin-left: 30px;
	}

	.magazine-style
	{
	    display: block; 
	    height: 150px;
	}

	.big-text h3 
	{
	    font-size: 24px;
	    font-weight: bold;
	    line-height: 30px;
	    color: #222222;
	}

	article > p 
	{
	    font-style: normal;
	    padding-top: 20px;
	}

	.left-col-mid
	{
		float: none !important;
		width: 100%;
		text-align: center;
	}

	.right-col-mid
	{
		margin-top: 0px !important;
		margin-bottom: 20px;
		float: none !important;
		width: 100%;
	}

	.magazine-article
	{
	    margin-top: 370px !important; 
	    display: block;
	}

}

@media only screen and (max-width: 440px)
{

	.share-button-floating, #flyingImage
	{
		display: none;
	}

	p, h1, h2, h3, h4, h5, li, table
	{
		padding-left: 10px;
		margin-right: 10px;
	}

	.op-frame
	{
		margin-right: 10px;
		padding-left: 10px;
	}

	.right-col
	{
		border-left: none;
	}

	.phone-del-img img
	{
		display: none;
	}

	.menu
	{
	    float: left;
	    width: 100%;
	    display: inline-block;
	    position: relative;
	    margin-left: -20px;
	    margin-top: 20px;
	    padding-bottom: 20px;
	}

	.day-frame
	{
		margin-right: 20px;
	}


	.left-col-mid
	{
		float: none !important;
		width: 100%;
		text-align: center;
	}

	.right-col-mid
	{
		margin-top: 0px !important;
		margin-bottom: 20px;
		float: none !important;
		width: 100%;
	}

	.magazine-article
	{
	    margin-top: 370px !important; 
	    display: block;
	}

	.sec-1 h1
	{
		font-size: 28px;
		padding-top: 150px;
	}

	.logo 
	{
	    width: 40%;
	    float: left;
	    display: inline-block;
	    margin-left: 10px;
	}

	.right-col-mid h1 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 16px;
	    line-height: 24px;
	    margin-top: -170px;
	    margin-left: 30px;
	    font-weight: 600;
	}

	.chart-img img
	{
		width: 80%;
	}

	.right-col-mid h2 
	{
	    font-family: OpenSans-Bold;
	    color: #222;
	    font-size: 18px;
	    line-height: 24px;
	    margin-top: 5px;
	    margin-left: 30px;
	}

	article > p 
	{
	    font-style: normal;
	    margin-top: -40px;
	    padding-bottom: 20px;
	}

	.big-text h3 
	{
	    font-size: 22px;
	    font-weight: bold;
	    line-height: 30px;
	    color: #222222;
	    margin-top: -50px;
	    padding-top: 50px;
	    padding-bottom: 30px;
	}

}


@media only screen and (max-width: 620px)
{

}