@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1210px)
{
	.main-nav,
	.search
	{
		display: none !important;
	}
	.hamburger
	{
		display: block;
		background: url('../images/details.png');
		background-size: auto auto;
		color: #151313;
		padding: 13px;
		background-size: 100% 100%;
	}

	.green-bars
	{
		display: block;
		background: none!important;
		background-size: auto auto;
		color: #151313;
		padding: 13px;
		background-size: 100% 100%;
	}
}

@media only screen and (max-width: 767px)
{
	.menu-container
	{
		right: -100vw;
		width: 100vw;
		height: 100vh;
	}
}
/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	h2{font-size: 24px;}
	.header-container
	{
		height: 70px;
	}
	.header.scrolled .header-container
	{
		height: 70px;
	}
	.logo
	{
		padding-left: 33px;
	}
	.logo-image
	{
		width: 30px;
	    top: -22px;
	    left: 14px;
	}
	.header.scrolled .logo-image
	{
		width: 30px;
	    top: -22px;
	    left: 14px;
	}
	.logo div:first-of-type
	{
		font-size: 16px;
	}
	.logo div:nth-child(2)
	{
		font-size: 8px;
	}
	.menu
	{
		top: 70px;
		padding-right: 32px;
	}
	.menu_item
	{
		margin-bottom: 0px;
	}
	.menu_item a
	{
		font-size: 24px;
	}
	.menu-copyright
	{
		display: none;
	}
	.menu_social_container
	{
		margin-top: 50px;
	}
	.menu-close-container
	{
		right: 30px;
		top: 34px;
	}
	.hamburger
	{
		right: -10px;
		font-size: 18px;
			background: url('../images/details.png');
    background-size: auto auto;
color: #151313;
padding: 13px;
background-size: 100% 100%;
	}

	.imglogosweet {

    max-width: 243px;
   /*  margin-top: 5rem; */
    margin-right: -3rem;

}
.logo {
    padding-left: 0px;
}
}

@media only screen and (max-width: 991px) and (min-width: 601px)  {
.imglogosweet {
    max-width: 300px;
}
.logo{
	padding-left: 0px;
}
}
@media only screen and (max-width: 1560px) and (min-width: 1237px)  {

.imglogosweet {
    max-width: 300px;
}
.logo {
    padding-left: 0px;
}
.main-nav{
	left: 12rem;
}
}
@media only screen and (max-width: 1860px) and (min-width: 1560px)  {

.imglogosweet {
    max-width: 300px;
}
}

@media only screen and (max-width: 1236px) and (min-width: 992px)  {
.logo-container {
    margin-left: -4rem;
}
.main-nav {
    padding-right: 0px;
}
.header-container{
width:94%;
}
.main-nav-list li a{
	padding-right: 15px;
	padding-left: 15px;
}
.imglogosweet {
    max-width: 300px;
}
.logo {
    padding-left: 45px;
}
.main-nav{
	left: 9rem;
}
}

@media only screen and (max-width: 1150px) {
	.header-bottom li{
		padding-right: 0rem!important;
	}
	
	.header-bottom {
		 padding-top: 1rem!important;
		float: left!important;
		display: block!important;
	}
	.header-bottom li {
		 font-size: 4.4vw!important;
	}
	
}


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

	.imglogosweet
	{
		max-width:243px!important;
	}
.logo-image img{
	max-width: 200%;
margin-top: 2rem;
margin-left: 0rem;
}
.top{
	margin-top: -13px;
}
.home_background{
	height:300px;
}

.bggirl{
	margin-top: 0rem!important;
}

.Content-c{
line-height:20px;	
}
.header
{
	padding:0px!important;
}
}
@media (min-width: 1281px) {
  
  .classes-bg-small-girl {
    padding-top: 50px;
}
.classes h3{
	color: #fff;
}
.content-padding {
    padding-left: 6rem;
    }
    .classes-bg-small-girl{
	background: url('../images/1920-2.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
 .header-bottom li {
	 display: inline-block;
	} 
}

@media (max-width:600px)
{
	
.site-feature
{
	
	padding-top: 3rem;
}
}