/*
Theme Name: MYOS 
Theme URI: http://prosoft-phils.com/
Author: CH | Prosoft Phils
Author URI: http://prosoft-phils.com/
Description: Responsive Theme for MYOS (Tablet)
*/

/*##################################################
* TABLET VIEW
####################################################*/

@media (min-width: 768px) and (max-width: 979px) {

/*--------------------------------------------------------------
GENERAL STYLES
--------------------------------------------------------------*/
body {
	font-size: ;
	line-height: ;
}


.video-modal-content {
	background: #000 none repeat scroll 0 0;
    display: block;
    height: auto;
    position: relative;
    width: 70%;
    margin: 8% auto 0 auto;
    overflow: hidden;
}

.video-modal-content iframe {
	width: 100% !important;
	height: 100% !important;
}

.modal-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
}

/*iframe {
	width: 428px !important;
	height: 240px !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}*/

iframe.instagram-media {
	width: 480px !important;
	height:770px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body {
	overflow-x: hidden;
}

.reg-container {
	max-width: 750px;
	padding: 0 120px;
}

.reg-patient-info-pg,
.payment-pg,
.settings-pg,
.history-pg,
.appointments-pg,
.patientdash-pg2 {
	min-height: 90vh
}

/*--------------------------------------------------------------
FORM
--------------------------------------------------------------*/
ul.schedule-apt-option li {
	width: 31%;
	margin: 0.5%;
}

/*--------------------------------------------------------------
APPOINTMENT
--------------------------------------------------------------*/
.ther-creds {
	padding-top: 26px;
}

/*--------------------------------------------------------------
PATIENT DASHBOARD
--------------------------------------------------------------*/
.partial-mrx-presc ul li i {
	font-size: 36px;
}
} /*end of media 768-979*/

/*************************
	Custom Breakpoints
*************************/

@media (min-width: 596px) and (max-width: 768px) { 
.partial-mrx-presc ul li span {
	top: 1px;
	left: 27%;
}

.partial-mrx-presc ul li i {
	font-size: 40px;
}

	.partial-mrx-presc ul li i.fa-folder-open {
		font-size: 43px;
	}

} /*end of media 596-768*/

@media (min-width: 527px) and (max-width: 595px) { 
.partial-mrx-presc ul li span {
	top: 1px;
	left: 16%;
}
} /*end of media 527-595*/

@media (min-width: 477px) and (max-width: 526px) { 
.partial-mrx-presc ul li span {
	top: 1px;
	left: 14%;
}
} /*end of media 477-596*/



@media (min-width: 392px) and (max-width: 467px) { 
	.partial-mrx-presc-title h4 {
		font-size: 14px
	}
} /*end of media*/

@media (min-width: 376px) and (max-width: 391px) { 
	.partial-mrx-presc-title h4 {
		font-size: 13px
	}
} /*end of media*/

@media (max-width: 476px) { 
	.partial-mrx-presc-title h4 {
		font-family: 'open_sanssemibold';
	}
} /*end of media*/

@media (max-width: 375px) { 
	.partial-mrx-presc-title h4 {
		font-size: 13px
	}

	.partial-mrx-presc ul li i {
		font-size: 21px;
	}

		.partial-mrx-presc ul li i.fa-folder-open {
			font-size: 22px;
		}

		.partial-mrx-presc ul li span {
			left: 0;
		}
} /*end of media*/

/*@media (max-width: 476px) {
.partial-mrx-presc ul li {
	width: 38%;
	margin-left: 7%;
}
} /*end of media 476*/

/*@media (max-width: 595px) { 
.partial-mrx-presc ul li i {
	font-size: 33px;
}

	.partial-mrx-presc ul li i.fa-folder-open {
		font-size: 37px;
	}
} /*end of media 477-595*/

/*@media (max-width: 387px) { 
.partial-mrx-presc ul li span {
	top: 1px;
	left: 22%;
}
} /*end of media 387*/

/*@media (min-width: 388px) and (max-width: 438px) { 
.partial-mrx-presc ul li span {
	top: 1px;
	left: 35%;
}
} /*end of media 477-596*/

/*@media (min-width: 439px) and (max-width: 476px) { 
.partial-mrx-presc ul li span {
	top: 1px;
	left: 39%;
}
} /*end of media 477-596*/