/*---------------------------------------------------

Theme Name: Royalet - Responsive Onepage portfolio Template
Theme URI: http://themecafe.serverkurd.com/royalet/
Author: ThemeCafe
Author URI: http://themecafe.serverkurd.com

  Content:

    - Responsive - Body & Sections

---------------------------------------------------*/

@media screen and (min-width: 1200px) {

.h-link, .h-photo, .h-video, .h-project {
    margin-top: 3%;
}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

.pad-hun {
    padding-right: 20px;
    padding-left: 20px;
}

.mem-pp{
    margin-top: 30px;
}

}
@media screen and (min-width: 768px) and (max-width: 991px) {

.service-icon{
	margin: 8px 0;
}

.mem-item{
	margin-right: auto;
	margin-left: auto;
	width: 300px
}

.mem-info .mem-details
{
	top: -500px;
}
.mem-avatar:hover + .mem-info .mem-details, .mem-info:hover .mem-details
{
	height: 495px;
}


.marg-top{
    margin-top: 0px;
    overflow: hidden;
}
}

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


.mem-item{
	margin-right: auto;
	margin-left: auto;
	max-width: 300px
}
.pad-hun {
	padding-right: 70px;
	padding-left: 70px;
}

.mem-info .mem-details
{
	top: -500px;
}
.mem-avatar:hover + .mem-info .mem-details, .mem-info:hover .mem-details
{
	height: 495px;
}

.marg-top{
    margin-top: 0px;
    overflow: hidden;
}


.home-text-slider p {
    font-size: 45px;
}


.h-link, .h-photo, .h-video, .h-project {
    width: 0px;
    height: 0px;
    margin-top: 8%;
}


.under-l, .under-ll, .under-lll, .under-llll 
{
	font-size: 22px;
}
.services-buttons a {
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 116px;
}

.services-buttons a i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
}

.services-buttons a:hover {
    font-size: 50px;
}

.services-buttons a.current {
    font-size: 50px;
}

}
@media screen and (min-width: 400px) and (max-width: 437px) {


.mem-item{
	margin-right: auto;
	margin-left: auto;
	max-width: 300px
}

.mem-pp{
    margin-top: 60px;
}

.pad-hun {
	padding-right: 70px;
	padding-left: 70px;
}

.mem-info .mem-details
{
	top: -435px;
}
.mem-avatar:hover + .mem-info .mem-details, .mem-info:hover .mem-details
{
	height: 430px;
}


.marg-top{
    margin-top: 0px;
    overflow: hidden;
}

.home-text-slider p {
    font-size: 45px;
}


.h-link, .h-photo, .h-video, .h-project {
    width: 0px;
    height: 0px;
    margin-top: 8%;
}


.under-l, .under-ll, .under-lll, .under-llll 
{
	font-size: 22px;
}
.services-buttons a {
    width: 100px; 
    height: 100px;
    font-size: 40px;
    line-height: 116px;
}

.services-buttons a i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
}

.services-buttons a:hover {
    font-size: 50px;
}

.services-buttons a.current {
    font-size: 50px;
}

}
@media screen and (min-width: 326px) and (max-width: 399px) {


.mem-item{
	margin-right: auto;
	margin-left: auto;
	max-width: 300px
}
.pad-hun {
	padding-right: 25px;
	padding-left: 25px;
}


.marg-top{
    margin-top: 0px;
    overflow: hidden;
}

.home-text-slider p {
    font-size: 45px;
}

.mem-pp{
    margin-top: 30px;
}

.mem-info .mem-details
{
	top: -500px;
}
.mem-avatar:hover + .mem-info .mem-details, .mem-info:hover .mem-details
{
	height: 495px;
}
.h-link, .h-photo, .h-video, .h-project {
    width: 0px;
    height: 0px;
    margin-top: 15%;
}

.under-l, .under-ll, .under-lll, .under-llll 
{
	font-size: 19px;
}
.services-buttons a {
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 116px;
}

.services-buttons a i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
}

.services-buttons a:hover {
    font-size: 50px;
}

.services-buttons a.current {
    font-size: 50px;
}

.countdown_show4 .countdown_section {
    margin-right:20px;
    font-size: 22px;
}


.countdown_amount {
    font-size:50px;
}

.home-text-slider p {
    font-size: 36px;
}
}
@media screen and (min-width: 1px) and (max-width: 325px) {



.countdown_show4 .countdown_section {
    margin-right:15px;
    font-size: 18px;
}


.countdown_amount {
    font-size:35px;
}

.mem-item{
	margin-right: auto;
	margin-left: auto;
	max-width: 300px
}
.pad-hun {
	padding-right: 10px;
	padding-left: 10px;
}

.marg-top{
    margin-top: 0px;
    overflow: hidden;
}

.home-text-slider p {
    font-size: 30px;
}

.mem-pp{
    margin-top: 70px;
}

.under-l, .under-ll, .under-lll, .under-llll 
{
	font-size: 17px;
}
.services-buttons a {
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 116px;
}

.services-buttons a i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
}

.services-buttons a:hover {
    font-size: 50px;
}

.services-buttons a.current {
    font-size: 50px;
}

}