﻿
@media (max-width: 1200px) {


#lista1 .als-prev {
	left: 25px;
}
	.container1 {
    width: 100%;
    height: 260px;}
#lista1 .als-next {
	right: 25px;
}

#cssmenu > ul > li > a {
    font-size: 12px;
    padding: 15px 4px 15px 4px;
}

.bio {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 20px;
    top: 10px;
}

.img-dr-red {
    width: 87%;
}

.collages ul li {
    border-bottom: 1px rgba(119, 119, 119,0.3) solid;
    padding: 13px 0;
    height: 110px;
    font-size: 18px;
    width: 47%;
    margin: 0 0px 0 15px;
    display: inline-block;
}
.advertise2 ul li {
    width: 229px;
}
.icons-inner ul li{
    width: 165px;    
    margin-left: 5px;    
    padding: 10px 5px;
}
.pic-links ul li {
    width: 210px;
}


.grid2 figure {
    position: relative;
    float: none;
    display: inline-block;
    overflow: hidden;
    margin: 0px 2px;
    min-width: 205px;
    max-width: 231px;
    font-family: 'Droid Arabic Kufi';
    max-height: 200px;
    width: 48%;
}


.section-dr-img-data {
    padding: 0;
    float: left;
    width:80%;
    text-align: right;
}
.section-dr-img {
    width:165px;
    height: 229px;
    float: right;
    margin-left: 5px;
}



}


@media (max-width: 991px) {

.gallery-pc
{ display:none !important;
}

.gallery-mobile
{ display:block;
}

.top
{
	padding:10px 0;
	background:#fff;
	position:relative;
}


.bio {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 20px;
    top: 0px;
}

.img-responsive-logo {
    display: block;
    max-width: 100%;
    height: auto;
    margin:auto;
}

.padding-left
{
	padding-left:15px
}
.padding-right
{
	padding-right:15px
}


#cssmenu > ul > li > a {
    font-size: 14px;
    padding: 12px 8px 12px 8px;    

}
.link-top ul {
    padding-right: 0;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 10px;
}
.fill {

   background-position: center center;
}


.pic-inner
{
	width:400px;
	height:auto;
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}

.carousel {
    height: 390px;
}

.header-caption {
         top: 52%;
		     width: 100%;
}





.socials ul {
    text-align:center;
}

.socials {
    position: relative;
    margin-top: 10px;
    text-align:center;
    width: 100%;
    float: none;
    margin-bottom: 0px;
    border-left: 0px #cacaca solid;
}

.news {
    display: block;
    height: 100%;
}


.dr-general {
    font-size: 16px;
    margin: 10px 0;
    text-align:center;
}


.padding
{
	padding-right: 15px;
}

.padding2
{
	padding-left: 15px;
}


.grid2 figure {
    position: relative;
    float: none;
    display: inline-block;
    overflow: hidden;
    margin: 0px 2px;
    min-width: 354px;
    max-width: 231px;
    font-family: 'Droid Arabic Kufi';
    max-height: 200px;
    width: 48%;
}
.grid3 figure img {
    position: relative;
    display: block;
    max-height: 500px;
    width: auto;
    opacity: 0.8;
}    

.bg-events-all {
    padding: 30px 70px;

}


.section-dr-img-data {
    padding: 0;
    float: left;
    width: 73%;
    text-align: right;
}
.section-dr-img {
    width: 23%;
    height: 229px;
    float: right;
    margin-left: 5px;
}

}





@media (max-width: 768px) {



.bio {
    width: 120px;
    height: 120px;
    position: relative;
    right: 0px;
    top: 0px;
    margin: auto auto 20px auto;
}
.section-dr-img-data {
    padding: 0;
    float: left;
    width: 64%;
    text-align: right;
}
.section-dr-img {
    width: 165px;
    height: 229px;
    float: right;
    margin-left: 5px;
}


.padding-left2
{
	padding-left:15px
}
.padding-right2
{
	padding-right:15px
}


#lista1 {
    background-size: cover;}
    



.pic-inner
{
	width:100%;
	height:auto;
	float:none;
	margin-left:0px;
	margin-bottom:30px;
}


.carousel {
    height: 250px;
}



.copyright {
    text-align:  center;
}


.copyright .socials ul {
    text-align: center;
}
.copyright .socials {
    margin-top: 10px;
}
.header-caption-inner {
    position: absolute;
    bottom: 5%;
    right: 5px;
    left: 5px;
    margin: auto;
    z-index: 10;
    width: 245px;
    padding: 10px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.header-caption-inner h2 {
    font-family: 'Droid Arabic Naskh';
    font-size: 12px;
}
.bg-red-dr {
    text-align: center;    margin-bottom: 15px;
    
}
.img-dr-red {
    height: 300px;
    position: relative;
    z-index: 9999;
    margin: auto;width: 240px;
    margin-bottom: 20px;}

.socialmedia .socials {
    text-align: center;
}
.other-contact {
    position:  relative;
    margin-top:0px;
    margin-right: 0px;
    text-align:center;
}

.print {
    width: 30px;
    height: auto;
    position: relative;
    left: 15px;
    right: 15px;
    top: 0px;
    margin: auto auto 20px auto;
}
.share-article {
    position: relative;
    left: 15px;
    top: 0;
}
	
.share-text {
    width: 85px !important;
    height: 25px!important;
    top: -12px;
    position: relative;
    left: 0px;
}	

}

@media (max-width: 767px) {
.faq-icon {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 180px;
    width: 49px;
    z-index: 9999;
    display: none;
}
.section-dr-img-data {
    padding: 0;
    float: none;
    width: 100%;
    text-align: right;
}
.section-dr-img {
    width: 165px;
    height: 229px;
    float: none;
    margin-left: 5px;    
    margin: auto auto 20px auto;
}
.section-4 {
    height: 45px;
    overflow: hidden;
}

.bg-gray-dr-group {
    background-color: #FFFFFF;
    padding: 0 0px 0 0;
}
.grid2 figure {
    position: relative;
    float: none;
    display: inline-block;
    overflow: hidden;
    margin: 0px 2px;
    min-width: 49%;
    max-width: 231px;
    font-family: 'Droid Arabic Kufi';
    max-height: 200px;
    width: 48%;
}
.grid3 figure img {
    position: relative;
    display: block;
    max-height: 500px;
    width: auto;
    opacity: 0.8;
}

.top
{
	padding:10px 0;
	background:#fff;
}
.box .img {
    height: 340px;
}


.pic-inner
{
	width:100%;
	height:auto;
	float:none;
	margin-left:0px;
	margin-bottom:30px;
}
.input-group {
    display: block;
}

.dropdown {
    position: absolute;
    top: -42px;
    left: 0;
    z-index: 8;
}

.btn-group .btn {
    border-radius: 0;
    margin-left: 0px;
    font-size: 16px;
    width: 100%;
    padding: 7px 20px;
}

.input-group .form-control {
    height: 42px;
    font-size: 18px;
    background: rgba(255, 255, 255, 1) url(../images/search.png) no-repeat 98% center;
    padding: 6px 35px 6px 20px;
}

.dropdown-menu {
    position: relative;
    }
    
.form-group .form-control:last-child {
    background: none;
    padding:5px;
}
    
.collages ul li
{	
    width: 100%;
    margin: 0 0px 0 0px;
}
  
  label {
    font-size: 13px;
    padding:10px;
}
  .td-style {
    text-align: left;
    padding: 5px 180px 5px 5px;
    border: 1px #c8c8c8 solid;
}
	.overflow {
    overflow: hidden;
    padding: 0;    
    margin-bottom: 5px;
}

}
@media screen and (max-width: 650px)
{

.grid2 figure {
    position: relative;
    float: none;
    display: inline-block;
    overflow: hidden;
    margin: 0px 2px;
    min-width: 49%;
    max-width: 231px;
    font-family: 'Droid Arabic Kufi';
    max-height: 200px;
    width: 48%;
}
.grid3 figure img {
    position: relative;
    display: block;
    max-height: 500px;
    width: auto;
    opacity: 0.8;
}



.dg-container {
    height: 365px;
    }

.dg-wrapper {
    width: 350px;
    height:230px;
    }
    
 .dg-wrapper a {
    width: 350px;
    height:230px;
    }
   
    .dg-wrapper a img {
    width: 350px;
    height:230px;
    }


label {
    font-size: 13px;
    padding:10px;
}

.breadcrumb>li {
    display: block;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
    display:none;
}


.path ul li {
    display:none;
}

.dr-datials a
{
	font-size:12px;
}
	
.als-viewport {
    width: 100% !important;
    height: 180px !important;
    margin: 0px auto;
}


#lista1 .als-item {
    margin: 0px 15px;
}

}
@media (max-width: 480px) {
.section-4 {
    height: 85px;
    overflow: hidden;
}
#amazingcarousel-container-1 {
    overflow: hidden;
}
.grid2 figure {
    position: relative;
    float: none;
    display: inline-block;
    overflow: hidden;
    margin: 0px 2px;
    min-width: 100%;
    max-width: 231px;
    font-family: 'Droid Arabic Kufi';
    max-height: 200px;
    width: 48%;
}
.grid3 figure img {
    position: relative;
    display: block;
    max-height: 500px;
    width: auto;
    opacity: 0.8;
}




.dg-container {
    height: 350px;
    }


.dg-wrapper {
    width: 330px;
    height:217px;
    }
    
 .dg-wrapper a {
    width: 330px;
    height:217px;
    }
   
    .dg-wrapper a img {
    width: 330px;
    height:217px;
    }


label {
    font-size: 10px;
    padding: 10px 3px;
}

.carousel {
    height:200px;
}

 .box .img {
    height: 200px;
}

.socialmedia .socials li {
    display: inline-block;
    width: 27px;
    height: 27px;
}
.socialmedia .socials li a {
    width: 27px;
    height: 27px;
}

.dr-datials a
{
	font-size:10px;
}

.padding
{
	padding-right: 15px;
}



.padding2
{
	padding-left: 15px;
}

.als-viewport {
    width: 100% !important;
    height: 180px !important;
    margin: 0px auto;
}


#lista1 .als-item {
    margin: 0px 15px;
}

.dr-name {
    font-size: 16px;
    height: auto;
}

}


@media (max-width:320px) {

label {
    font-size: 8px;
    padding: 10px 3px;
}


#amazingcarousel-1 .amazingcarousel-next {
    margin-right: -35px;
}

#amazingcarousel-1 .amazingcarousel-prev {
    margin-left: -35px;

}


.dr-datials a
{
	font-size:10px;
}

}