/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {}

@media only screen and (max-width: 985px) and (min-width: 768px){
	 .mainmenu-area .white-logo {
		margin-top: -47px;
	}
	.mainmenu-area.affix .pink-logo {
		margin-top: -14px;
	}
}
/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 9px) {
	#mainmenu ul.nav.navbar-nav li a {
	}
	.box-main-circle .right-circle {
		padding-left:0;
	}
	.box-main-circle .circle.main-circle {
		height: 310px;
		padding-top: 60px;
		width: 310px;
	}
	.box-main-circle .circle.main-circle h2 {
		font-weight: bold;
		font-size: 38px;
	}
	.box-main-circle .circle.main-circle h3 {
		font-size: 21px;
	}
	.box-main-circle .circle.circle-1
	{
		height: 190px;
		width: 190px;
		padding-top: 35px;
	}
	.box-main-circle .circle.circle-2 {
		height: 190px;
		width: 180px;
		padding-top: 35px;
	}
	.box-main-circle .circle.circle-3 {
		height: 180px;
		width: 180px;
		padding-top: 60px;
	}
	.box-main-circle .circle.circle-4 {
		height: 170px;
		width: 170px;
		padding-top: 43px;
	}
}
/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.navbar-toggle {
        border: 2px solid #ffffff;
        border-radius: 0;
		margin-top: 3px;
		margin-right: 5px;
    }
    .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .mainmenu-area.affix .navbar-toggle {
        border: 2px solid #e5101d;
    }    
    .mainmenu-area.affix .navbar-toggle .icon-bar {
        background-color: #e5101d;
    }
    #mainmenu {
        background-color: #e5101d;
    }
    .mainmenu-area.affix #mainmenu {
        background-color: #ffffff;
    }
    .header-area {
        height: auto;
    }
    .vcenter {
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .section-bg.boxes {
        width: 100%;
    }
	
	.box-main-circle .circle.main-circle {
		height: 380px;
		padding-top: 40px;
		width: 380px;
	}
	.box-main-circle .circle.main-circle h2 {
		font-weight: bold;
		font-size: 38px;
	}
	.box-main-circle .circle.main-circle h3 {
		font-size: 21px;
	}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
		

}
@media only screen and (max-width: 479px){
	.mainmenu-area {
		padding-top: 0px;
	}
	.box-main-circle .circle.main-circle {
		height: 280px;
		padding-top: 40px;
		width: 280px;
	}
	.box-main-circle .circle.main-circle h2 {
		font-weight: bold;
		font-size: 38px;
	}
	.box-main-circle .circle.main-circle h3 {
		font-size: 21px;
	}
}