div#ui-datepicker-div{z-index: 9 !important}

@media only screen and (min-width : 1960px) and (max-width : 6000px)
{
	
}
@media only screen and (min-width : 1600px) and (max-width : 1950px)
{
	
}
@media only screen and (min-width : 850px) and (max-width : 1024px)
{
	
}

@media only screen and (min-width : 770px) and (max-width : 860px)
{

}

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

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

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

}
@media only screen and (min-width : 500px) and (max-width : 620px)
{
}
@media only screen and (min-width : 481px) and (max-width : 1150px)
{
	
}
@media only screen and (min-width : 300px) and (max-width : 599px)
{
	body {
	    overflow-x: hidden;
	}
	p {
	    font-size: 14px;
	    line-height: 18px;
	}
	.main_header_left {
	    padding: 0 !important;
	}
	.main_header_right {
	    padding: 0 !important;
	    background: #f5821f;
	}
	#menu_area {
	    width: 100%;
	    float: left;
	}
	.logo {
	    display: block;
	    padding: 10px 0;
	    margin: 0 auto;
	    width: 200px;
	}
	.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link
	{
		padding:5px !important;
	}
	.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover
	{
		color: #ffffff;
    	border-bottom: none;
	}
	button.navbar-toggler {
	    width: 100%;
	    color: #000 !important;
	    text-align:right;
	}
	span.navbar-toggler-icon {
	    padding: 0 25px;
	}
	.main_topbar, .main_social, .main-carousel, .mainHeading h2::before, .mainHeading h2::after,
	.appointment_form .bookApp h3::before, .appointment_form .bookApp h3::after, .about_dr::before{
	    display: none !important;
	}
	.slider_content h1 {
	    font-size: 20px;
	    line-height: 24px;
	}
	.slider_content p {
	    font-size: 12px;
	    line-height: 15px;
	}
	.slider_content.left_side
	{
		left: 10px;
	    width: 50% !important;
	    float: left;
	    top: 5px;
	}
	.slider_content.right_side {
	    right: 0;
	    width: 50% !important;
	    float: right;
	    top: 5px;
	}
	.mobile-carousel
	{
		display:block !important;
	}
	.mobile-carousel .owl-nav
	{
		display:none;
	}
	.service_box h3 {
	    padding-left: 50px;
	    font-size: 18px;
	}
	.open_hour::before, .make_appointment::before, .call_now::before {
	    width: 35px;
	    height: 35px;
	    top: 25px;
	    left: 20px;
	}
	.slider_service span {
	    font-size: 14px;
	    line-height: 20px;
	}
	.expertise {
	    padding: 2rem 1rem 1rem;
	}
	.mainHeading h2, .appointment_form .bookApp h3 {
	    font-size: 30px;
	    line-height: 35px;
	}
	.expertise_box_In {
	    padding: 0 !important;
	}
	.expertise_text {
	    margin: 0;
	}
	.expertise_text h3 {
	    font-size: 16px;
	}
	.expertise_img {
	    margin-top: -35px;
	}
	.book_button
	{
		padding:55px 15px;
	}
	.book_button a {
	    padding: 7px 14px;
	    font-size: 14px;
	}
	.popup-inner {
	    width: 65%;
	    height: 43%;
	    top: 35%;
	    left: 36%;
	}
	.appointment_form {
	    padding: 1rem 1rem;
	}
	.appointment {
	    padding: 10px 0 !important;
	}
	.start_here, .consultation_form, .find_doctor{
	    width: 100%;
	    padding: 20px;
	    height:auto;
	}
	.appointment_In
	{
		height:auto !important;
	}
	.consultation_form form, .consultation_form .form-row, .find_doctor .appointment_Cont p {
	    padding: 0;
	}
	.about_dr
	{
		padding:1rem;
	}
	.dr_Img, .dr_box, .dr_short {
	    max-width: 100% !important;
	    width: 100% !important;
	    padding: 0 !important;
	}
	.dr_Img img {
	    width: 100%;
	    margin-top: 0;
	}
	.orangeBg p {
	    padding: 10px;
	    font-size: 14px;
    	line-height: 20px;
	}
	.orangeBg::before {
	    width: 100%;
	    height: 115px;
	    top: 148px;
	    left:0;
	}
	.orangeBg {
	    padding-right: 0;
	}
	.dr_content
	{
		width:100%;
	}
	.certificate li {
	    width: calc(100%/2);
	    padding-right: 0;
	    padding: 10px;
	}
	.dr_box .mainHeading {
	    padding-top: 20px;
	}
	.success_stories {
	    padding: 2rem 1rem 0rem;
	}
	.success_stories::before
	{
		width:100%;
	}
	.success_stories ul {
	    padding: 0;
	}
	.success_stories .mainHeading h2 {
	    transform: translateX(0%) !important;
	    margin-left: 0% !important;
	}
	.success-stories li:first-child, .success-stories li:last-child {
	    width: 100%;
	    margin-right: 0;
	}
	.stories_main {
	    margin-top: 0;
	    padding: 0 !important;
	}
	.success_content {
	    padding: 10px 0;
	}
	.success_content h4 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 0;
	}
	.success_content h5 {
	    font-size: 16px;
	    line-height: 20px;
	}
	.owl-theme .owl-nav
	{
		display:none !important;
	}
	.success_img span {
		right:0;
	    width: 40px;
	    height: 40px;
	    top: 0%;
	    font-size: 30px;
	    line-height: 40px;
	}
	.dr_short h3 {
	    font-size: 24px;
	}
	.testimonials {
	    padding: 2rem 1rem;
	}
	.customer_testi {
	    padding: 10px;
	    margin: 0;
	}
	.customer_testi::before {
	    left: 0;
	    top: 0;
	}
	.customer-review::before {
	    top: -15px;
	    left: -30px;
	}
	.blog {
	    padding: 2rem 1rem;
	}
	li.blog_box_In {
	    width: 100%;
	    margin: 1rem 0 !important;
	}
	.main_footer {
	    padding: 2rem 1rem 1rem;
	    background-size: cover;
	}
	.footer_content, .footer_link, .footer_contact, ul.address_det li,.footer_appointment,
	.footer_social {
	    max-width: 100% !important;
	    width: 100% !important;
	}
	.mobile-number {
	    font-size: 25px;
	}
	.button_social {
	    margin-top: 0;
	}
	.footer_appointment a {
	    padding: 6px 20px;
	    font-size: 13px;
	}
	.footer_social
	{
		padding-top:10px;
	}
	.bottom_footer {
	    padding: 15px;
	}
	.about_breadcrumb, .hair_systems_breadcrumb, .team_breadcrumb, .faq_breadcrumb {
	    background-size: cover;
	    height: 100px;
	}
	.about_page {
	    padding: 2rem 0 2rem;
	}
	.about_page .mainHeading h2 {
	    line-height: 35px;
	}
	.aboutOuter {
	    padding: 0rem 0rem 2rem;
	}
	.aboutOuter .about_content {
	    padding-right: 15px;
	}
	.aboutOuter1 {
	    padding: 0rem;
	    background-size:cover;
	    background-position: right;
	}
	.aboutOuter1 .about_content {
	    padding-left: 15px;
	}
	.about_page .expertise {
	    padding: 2rem 1rem 1rem;
	}
	.about_page .appointment_form {
	    padding: 1rem 1rem 0;
	}
	.galleryOuter {
	    padding: 0rem 1rem 0rem;
	}
	.galleryOuter li
	{
		width:100%;
	}
	.faq_content {
	    padding: 0;
	}
	.blog_page .blogOuter {
	    padding: 1rem 1rem 0rem;
	}
	.contact_page .aboutOuter {
	    padding: 0rem 1rem 2rem;
	}
	.contact_content, .contact_form {
	    padding: 15px !important;
	}
	.infra-gallery {
	    padding: 0rem 1rem 0rem;
	}
	.top {
	    padding: 0;
	}
	.galleryItem {
	    width: 100%;
	    margin: 10px 0;
	}
	.team_content {
	    padding: 1rem;
	}
	.our-team .orangeBg {
	    padding-top: 20px;
	    padding-right: 0;
	}
	.team-text {
	    padding-top: 0;
	    padding: 10px;
	}
	.our-team .orangeBg::before {
	    width: 100%;
	    left: 0%;
	    height: 360px;
	    top: 65px;
	}
	.our-team .orangeBg p {
	    padding: 0px 0;
	}
	.team_content h3 {
	    font-size: 20px;
	    line-height: 26px;
	}
	.single_blog_page .blogOuter {
	    padding: 1rem 0rem 1rem;
	}
	.popup-inner {
	    width: 80%;
	    height: 75%;
	    top: 50%;
	    left: 50%;
	}
	.floating_social {
	       position: absolute;
    display: block;
    right: 0px;
    bottom: 142px !important;
    z-index: 999999999999;
    background: #e28020 !important;
    padding: 0px 6px;
    background-size: contain;
    background-repeat: repeat-x;
    border-radius: 25px;
    height: 30px;
	}
	.floating_social ul {
	    padding: 3px;
	    list-style: none;
	    margin: 0;
	}
	.floating_social li {
	    padding: 0 5px;
	}
	.floating_social li a {
	    color: #fff;
	}
.accountwrap {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
}
	.orrd-1 {
    order: 1;
}

.orrd-2{order: 2;}
ul.transplantimg {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.transplantimg.detanlteretment li {
    width: auto;
}
.dentistry-bg {
    background: url(../images/destistbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 108px;
    background-position: left top;
}

}
@media only screen and (min-width : 501px) and (max-width : 1150px) 
{
	.main_header_left {
	    padding: 0 0px !important;
	    max-width: 40% !important;
	}
	.main_header_right {
	    max-width: 100% !important;
	    padding: 0 !important;
	    flex: 100% !important;
	}
	.main_topbar, .main_social {
	    display: none;
	}
	#menu_area, .navbar-light .navbar-toggler {
	    width: 100%;
	    background: #da8020;
	}
	.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link
	{
		padding: 5px !important;
	}
	.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover {
	    color: #ffffff;
	}
	.open_hour::before, .make_appointment::before, .call_now::before {
	    top: 14px;
	}
	.floating_social {
	    position: absolute;
	    display: block;
	    right: 30px;
	    top: 20px !important;
	    z-index: 999999999999;
	    background: #e28020 !important;
	    padding: 0px 6px;
	    background-size: contain;
	    background-repeat: repeat-x;
	    border-radius: 25px;
	    height: 30px;
	}
	.floating_social ul {
	    padding: 3px;
	    list-style: none;
	    margin: 0;
	}
	.floating_social li {
	    padding: 0 5px;
	}
	.floating_social li a {
	    color: #fff;
	}
	.slider_content h1 {
	    font-size: 25px;
	    line-height: 25px;
	}
	.slider_content p {
	    font-size: 14px;
	    line-height: 18px;
	}
	.slider_content {
	    top: 20%;
	    right: 8%;
	    width: 40%;
	}
	a.contact_button {
	    padding: 5px 10px;
	    font-size: 12px;
	    line-height: 20px;
	}
	.expertise {
	    padding: 1rem;
	}
	.mainHeading h2, .appointment_form .bookApp h3 {
	    font-size: 30px;
	    line-height: 35px;
	}
	.mainHeading h2::before, .mainHeading h2::after, .appointment_form .bookApp h3::after
	{
		display:none;
	}
	.expertise_box_In {
	    padding: 0 10px !important;
	    width: 50% !important;
	}
	.expertise_text {
	    margin: -30px 0 0;
	}
	.expertise_img {
	    width: 50px;
	    height: 50px;
	}
	.expertise_img img {
	    width: 50px;
	}
	.expertise_text h3 {
	    font-size: 18px;
	    line-height: 18px;
	}
	p {
	    font-size: 14px;
	   	line-height: 18px;
	}
	.book_button {
	    padding: 45px;
	}
	.book_button a {
	    padding: 5px 10px;
	    font-size: 10px;
	}
	.popup-inner {
	    width: 50%;
	    height: 65%;
	    top: 55%;
	    left: 45%;
	}
	.appointment_form, .appointment {
	    padding: 0;
	}
	.start_here, .consultation_form, .find_doctor {
	    width: 100%;
	    padding: 15px;
	    height: auto;
	}
	.find_doctor .appointment_Cont p, .consultation_form .form-row  {
	    padding: 0;
	}
	.appointment_In {
	    height: auto !important;
	}
	button.contact_button {
	    padding: 0px 30px;
	    font-size: 13px;
	    line-height: 25px;
	}
	.about_dr {
	    padding: 4rem 1rem 1rem;
	}
	.dr_Img {
	    max-width: 35% !important;
	}
	.dr_box {
	    max-width: 65% !important;
	    padding: 0 !important;
	}
	.dr_short {
	    width: 100%;
	}
	.orangeBg p {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 10px 0px;
	}
	.orangeBg::before {
	    height: 140px;
	}
	.about_dr::before
	{
		display:none;
	}
	.dr_content {
	    float: none;
	    width: 100%;
	}
	.success_stories {
	    padding: 1rem 0rem 0rem;
	}
	.success-stories li:first-child {
	    width: 35%;
	    margin-right: 0;
	}
	.success-stories li:last-child {
	    width: 65%;
	}
	.stories_main {
	    margin-top: 0;
	}
	.success_content h4 {
	    font-size: 16px;
	    line-height: 20px;
	}
	.success_content h5 {
	    font-size: 14px;
	    line-height: 14px;
	}
	.success_img span {
	    right: -15px;
	    width: 30px;
	    height: 30px;
	    font-size: 30px;
	    line-height: 28px;
	}
	.success-stories .owl-nav {
	    width: 15%;
	}
	.success-stories .owl-nav span {
	    font-size: 60px;
	}
	.testimonials {
	    padding: 2rem 0rem 2rem;
	}
	.testimonials .owl-nav
	{
		display:none !important;
	}
	.customer-review::before {
	    width: 220px;
	    height: 300px;
	    top: 0px;
	    left: 15px;
	}
	.blog {
	    padding: 2rem 0 0;
	}
	li.blog_box_In {
	    width: 29.33%;
	    margin: 2rem 10px !important;
	}
	.blog_text h3 {
	    font-size: 14px;
	    line-height: 18px;
	}
	.date_over {
	    width: 40px;
	}
	.date_over h5 {
	    font-size: 20px;
	    line-height: 20px;
	}
	.main_footer {
	    padding: 1rem 1rem 1rem;
	}
	.footer_content, .footer_link, .footer_contact {
	    max-width: 100% !important;
	    width: 100% !important;
	}
	.footer_link li {
	    float: left;
	    padding: 10px 20px;
	}
	.mobile-number {
	    font-size: 20px;
	}
	.footer_appointment {
	   	width: 60%;
	}
	.footer_social {
	    width: 40%;
	}
	.bottom_footer {
	    padding: 15px;
	}
	.about_breadcrumb, .hair_systems_breadcrumb, .team_breadcrumb, .faq_breadcrumb {
	    background-size: cover;
	    height: 140px;
	}
	.about_page {
	    padding: 2rem 0;
	}
	.aboutOuter {
	    padding: 0rem 1rem 1rem;
	}
	.about_page .mainHeading h2 {
		line-height:35px;
	}
	.aboutOuter1 {
	    background-size: cover;
	    padding:1rem;
	    background-position: right;
	}
	.aboutOuter1 .about_content {
	    padding: 0;
	}
	.about_page .expertise {
	    padding: 1rem 1rem 1rem;
	}
	.about_page .expertise_box_In h3 {
	    font-size: 25px;
	    line-height: 35px;
	}
	.about_page .appointment_form {
	    padding: 2rem 0rem 0;
	}
	.galleryOuter {
	    padding: 0;
	}
	.galleryOuter li {
	    width: 50%;
	}
	.faq_content {
	    padding:0;
	}
	.blog_page .blogOuter {
	    padding: 0;
	}
	.single_blog_page .blogOuter {
	    padding: 1rem 0rem 1rem;
	}
	.contact_page .aboutOuter {
	    padding: 2rem 1rem;
	}
	.contact_content, .contact_form {
	    padding: 15px !important;
	}
	.contact_form form {
	    padding-top: 0;
	}
	.contact_content li {
	    width: 50%;
	}
	.services_page .expertise_box img {
	    height: 110px;
	}
	h3.heading {
	    font-size: 20px;
	    line-height: 30px;
	}
	.about_content li {
	    font-size: 13.5px;
	}
}

@media only screen and (min-width : 671px) and (max-width : 767px) 
{
	.service_box h3 {
	    padding-left: 50px;
	    font-size: 18px;
	}
	.open_hour::before, .make_appointment::before, .call_now::before {
	    width: 40px;
	    height: 55px;
	    top: 30px;
	    left: 15px;
	}
	.slider_service span {
	    font-size: 14px;
	    line-height: 20px;
	}
	.start_here {
	    width: 50%;
	    height: -webkit-fill-available;
	    padding: 14% 10px;
	}
	.consultation_form
	{
		width:50%;
	}
	.consultation_form form {
	    padding: 0px;
	}
	.orangeBg::before {
	    height: 120px;
	    left: -40px;
	    top: 90px;
	}
	li.blog_box_In {
	    margin: 2rem 14px !important;
	}
}

@media only screen and (min-width : 576px) and (max-width : 899px) {
.footer_content, .footer_link, .footer_contact {
    max-width: 100% !important;
    width: 100% !important;
    flex: 100% !important;
}

}	
@media only screen and (min-width : 768px) and (max-width : 899px) 
{
	.orangeBg::before {
	    left: -8px !important;
	    top: 88px !important;
	}
	.infra-gallery {
	    padding: 1rem 1rem 2rem;
	}	
	.galleryItem {
	    width: 43%;
	    margin: 15px 25px;
	}
	.our-team .orangeBg {
	    padding-top: 0;
	}
	.team-text {
	    padding-top: 0;
	}
	.orangeBg::before {
	    display:none;
	}
	.our-team .orangeBg p {
	    padding: 0;
	}
	.orangeBg p {
	    font-size: 14px;
	    line-height: 18px;
	    color:#000;
	}
	.team_content {
	    padding: 2rem 2rem 0;
	}
	.team_content h3 {
	    font-size: 18px;
	    line-height: 25px;
	}
}	

@media only screen and (min-width : 600px) and (max-width : 800px) 
{
	.main_header_left {
	    padding: 0 15px !important;
	}
	.logo {
	    padding: 10px 25px;
	}
	.main_header_left {
	    max-width: 40% !important;
	    flex: 40% !important;
	}
	.main_header_right
	{
		max-width: 100% !important;
	    flex: 100% !important;
	    padding:0 !important;
	}
	.service_box h3 {
	    padding-left: 30px;
	    font-size: 15px;
	    font-weight: 400;
	    color: #fff;
	    margin: 0;
	}	
	.open_hour::before, .make_appointment::before, .call_now::before {
	    width: 35px;
	    height: 35px;
	    top: 16px;
	    left: 4px;
	}
	.slider_service span {
	    display: block;
	    font-size: 14px;
	    line-height: 20px;
	}
	.orangeBg::before {;
	    height: 100px;
	    left: -80px;
	    z-index: -1;
	    top: 100px;
	}
	li.blog_box_In {
	    margin: 2rem 13px !important;
	}
	.footer_content, .footer_link, .footer_contact {
	    max-width: 100% !important;
	    width: 100% !important;
	    flex: 100% !important;
	}
	.aboutOuter .about_content {
	    padding-right: 0;
	}
	.aboutOuter1 .about_content {
	    padding: 0;
	    flex: 100% !important;
	    max-width: 100% !important;
	}
	.about_page .expertise_box_In h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.contact_content, .contact_form {
	    padding: 15px !important;
	    width: 100% !important;
	    max-width: 100% !important;
	    flex: 100% !important;
	}
}
@media only screen and (min-width : 900px) and (max-width : 1120px) {
	.main_header_right{
	    flex: 100% !important;
	    max-width: 100% !important;
	}
	.slider_content h1 {
	    font-size: 35px;
	    line-height: 50px;
	}
	.slider_content p {
	    font-size: 16px;
	    line-height: 20px;
	}
	.service_box h3 {
	    padding-left: 70px;
	}
	.open_hour::before, .make_appointment::before, .call_now::before {
	    left: 20px;
	}
	.start_here{
	    width: 30%;
	}
	.consultation_form{
	    width: 70%;
	}
	.find_doctor {
	    width: 100%;
	}
	.orangeBg::before {
	    width: 100%;
	    height: 80px;
	    left: 0px;
	    top: 95px;
	}
	.orangeBg {
	    padding: 10px;
	}
	.blog {
	    padding: 2rem;
	}
	li.blog_box_In {
	    width: 30.33%;
	    margin: 2rem 14px !important;
	}
	.footer_content {
	    max-width: 30% !important;
	}
	.footer_link {
	    max-width: 12% !important;
	}
	.footer_contact li {
	    width: 49%;
	    margin: 2px;
	}
	.footer_contact {
	    max-width: 58% !important;
	    width: 58% !important;
	    flex: none !important;
	}
	.footer_social li {
	    float: left !important;
	}
	.galleryOuter li {
	    width: calc(100%/3);
	}
	.about_page {
	    padding: 2rem 1rem;
	}
	.contact_content li {
	    width: 100%;
	}
	.galleryItem {
	    margin: 15px 21px;
	}
	.our-team .orangeBg {
	    padding-top: 0;
	    padding-right: 0;
	}
	.our-team .orangeBg::before {
	    width: 115%;
	    left: -12%;
	    height: 272px;
	    top: 60px;
	}
	.team_content {
	    padding: 1rem 3rem;
	}
	.our-team .orangeBg p {
	    padding: 0;
	}


}	
@media only screen and (min-width : 1151px) and (max-width : 1341px) {
	.main_topbar ul {
	    width: 100%;
	    padding-left: 10px;
	}
	.main_topbar a {
	    padding: 0 15px;
	}
	.top_appointment a {
	    font-size: 16px;
	}
	.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
	    font-size: 14px;
	}
	.footer_appointment a {
	    padding: 8px 15px;
	    font-size: 14px;
	}
}
@media only screen and (min-width : 1161px) and (max-width : 1334px) {

}	

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

}	

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
}

@media only screen and (max-width : 375px) and (min-width:345px)
{
	.orangeBg::before {
	    top: 156px;
	}
	.book_button {
	    padding: 75px 15px;
	}
	.our-team .orangeBg::before {
	    height: 320px;
	}
	.team-text {
	    padding-top: 0;
	    padding: 25px 10px;
	}
}
@media only screen and (max-width : 425px) and (min-width:376px)
{
	.orangeBg::before {
	    top: 105px;
	}
	.book_button {
	    padding: 75px 15px;
	}
	.our-team .orangeBg::before {
	    height: 300px;
	}
	.team-text {
	    padding-top: 0;
	    padding: 28px 10px;
	}
}
@media only screen and (min-device-width : 500px) and (max-device-width : 700px) {

}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

.dr_box {
    max-width: 100% !important;
    padding: 0 !important;
}
.dr_Img{width: 100% !important;margin: 0 auto;text-align: center; }

body,html{overflow-x: hidden;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1600px) {

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}