@media only screen and (min-width:220px) and (max-width: 961px)
{
#header
{
position: relative;
/*border: solid;*/
height: auto;
}
h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 4.0vw;
}

#header-top
{
height: auto;
}


/*#header-wrap-space
{
display: none;
}*/
#logo
{
float: left;
width: 100%;
margin: 1% 0;
height: auto;
text-align: center;
}

#main-nav
{
display: none;
}

#creditline
{
height: auto;
}
#creditline-wrapper
{
width: 100%;
height: auto;
text-align: center;
}
#creditline-wrapper1
{
width: 100%;
height: auto;
}
#creditline-copyright, #creditline-design
{
float: left;
width: 100%;
margin: 1% 0;
height: auto;
text-align: center;
}
/*img
{
display: block;
width: 100%;
max-width: 100%;
height: auto;
}*/
iframe {
    
    width: 100%;
    height: 100%;
}
#scroll-site
{
display: none;
}

.ml-aboutme
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.ml-aboutme-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}
.ml-aboutme-circle
{
float: left;
width: 120px;
margin: 0 40%;
height: 100px;
}
.ml-aboutme-content
{
float: left;
width: 96%;
margin: 0 2%;
height: auto;
padding-top: 50px;
}


.mlh
{
width: 96%;
padding: 20px 0px;
height: auto;
}
.mlh-history
{
float: left;
width: 96%;
height: auto;
}

.mlh-history h2
{
text-align: center;
}

.mlh-image
{
float: left;
width: 96%;
margin: 0 2%;
height: auto;
padding-top: 50px;
}

.ml-instagram
{
width: 96%;
padding: 20px 0px;
height: auto;
}

.ml-w
{
margin-bottom: 50px;
}




.mlf-contact
{
width: 96%;
margin: 2%;
height: auto;
}

.mlf h2
{
line-height: 50px;
}

/* Individual Page Responsive Css Code Starts From Here */
#ind-page
{
width: 96%;
padding: 2%;
height: auto;
}
/* Individual Page Responsive Css Code Ends Here */
	
/* Contact Me Page Responsive Css Code Starts From Here */
.contact-wrapper
{
width: 100%;
height: auto;
}
.contact-data
{
width: 96%;
padding: 2%;
height: auto;
}
.contact-form
{
width: 96%;
padding: 2%;
margin-left: 0px;
height: auto;
}
.contact-data-image
{
display: none;
}
/* Contact Me Page Responsive Css Code Ends Here */

/* My Career Page Responsive Css Code Starts From Here */

.career-wrapper
{
width: 100%;
height: auto;
}
	
.career-box
{
width: 96%;
padding: 2%;
height: auto;
}
.career-data
{
width: 96%;
padding: 2%;
margin-left: 0px;
height: auto;
}
/* My Career Page Responsive Css Code Ends Here */

/* Blog Page Responsive Css Code Starts From Here */
#blog-page
{
width: 100%;
height: auto;
}
#blog-wrapper
{
width: 100%;
height: auto;
}
#blog-wrapper, #sidebar
{
float: left;
width: 100%;
margin: 2% 0;
/*padding-left: 2.5%;
padding-right: 2.5%;*/
height: auto;
}
#blog-container
{
width: 100%;
height: auto;
}
#blog-title, #blog-info
{
float: left;
width: 100%;
height: auto;


}
#blog-featured-image
{
float: left;
width: 100%;
height: auto;
text-align: center;
}
#blog-featured-image img
{
width: 100%;
height: auto;
}
#blog-postdata
{
float: left;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
#blog-postdata img
{
width: 100%;
height: auto;
}
.postmetadata
{
float: left;
width: 100%;
margin-left: 0px;
}
.readmore, .comments
{
margin: 0;
text-align: left;
}
/* Blog Page Responsive Css Code Ends From Here */
}

@media only screen and (min-width:220px) and (max-width: 450px)
{
	.ml-banner-cont
	{
	width: 100%;
	height: auto;
	}
	.ml-banner-cont h2
	{
	font-size: 30px;
	}
	
}



@media only screen and (min-width:220px) and (max-width: 580px)
{
	.ml-we-wrapper
	{
	width: 100%;
		height: auto;
	}
	.ml-w, .ml-e
	{
	width: 94%;
		height: auto;
		margin-left: 3%;
		margin-right: 3%;
		margin-top: 20px;
		padding-bottom: 20px;
	}
		.mlf-cform
{
width: 94%;
margin: 2%;
height: auto;
}
	
#ind-page h1
	{
	line-height: 45px;	
	}
}

@media only screen and (min-width:330px) and (max-width: 960px)
{
#sidebar
{
width: 320px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}
}