@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

.bodyhidden 						{overflow-x: hidden;}
body								{ font-family: 'Montserrat', sans-serif;}
*									{ padding:0px; margin:0px;}
img									{ max-width:100%; height:auto;}
p									{ margin-bottom:0px;}
h1									{}
h2									{}
h3									{}
h4									{}
h5									{}
a									{ text-decoration:none;}
ul									{ list-style:none;}
.mycontainer 							{ max-width: 99% !important; margin: auto !important;}

.login-header						{ background: #12337c;}
.hcall-hemail span 					{ font-weight: 300; font-size: 18px; color: #fff; margin-right: 20px; padding: 10px; display: inline-block;}
.hcall-hemail span a         		{ color: #fff; text-decoration: none; font-weight: 500;    font-size: 14px;}
.hcall-hemail span a:hover 			{ color: #000;}
.hcall-hemail span a:hover i 		{ border:1px solid #000;}
.hcall-hemail i 					{ display: inline-block; margin-right: 15px; border: 1px solid #fff; padding: 5px;}
.hlogin 							{ text-align: right;}

.hlogin button 						{ display: inline-block;padding: 13px 20px;background: #cc7129; color: #fff;font-weight: 500; border:none; border-radius:0px;}
.hlogin button:hover 				{ color: #000; text-decoration: none;background: #cc7129;}
.hlogin button:active 				{background-color: #cc7129 !important;border:none !important; }
.hlogin button:focus   				{ outline:none;}
.navbar-nav 						{ margin-top: 9px;}
.logo-header  						{ position: relative;}

.logo img {
    width: 67px;
    border-radius: 50%;
}
 
.logo {
    position: absolute;
    top: 4px;
    z-index: 3;
    background: #fff;
    padding: 6px;
    border-radius: 50%;
    border: 1px solid #12337c;
    width: 70px;
    height: 70px;
}
 
.menu								{ background: rgba(255, 255, 255, 0.6);padding: 10px 0px;}
.nav-opacity  						{ background: none !important;}
.banner 							{ }
.appointment-booking				{ padding: 200px 0px 194px 0px;}
.appointment-booking p 				{ font-size: 26px; font-weight: 300; color: #fff; padding-bottom: 50px;}
.appointment-booking span 			{ font-size: 35px; font-weight: 700; color: #fff; display: block;}
.appointment-booking a 				{ text-transform: uppercase; font-size: 20px; display: inline-block; color: #fff; padding:20px 30px; background:#ff8d33;}
.nav-link 							{ font-size: 15px;font-weight: 500; }
.nav-link:hover 					{ border-radius: 20px; color: #fff !important;}
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 1);}
.about-clinic 						{ padding: 60px 0px;background: url("../images/aboutbg.png") no-repeat center;background-size: cover; }
.about-clinic h2 					{ font-size: 32px; font-weight: 600; color: #fff; padding-bottom: 30px;}
.about-clinic p    					{ font-size: 17px;font-weight: 300;line-height: 27px; color: #ffffff;padding-bottom: 26px;text-align: justify;}
.clinic-left 						{ text-align: right;}
.about-clinic ul  					{}
.about-clinic ul li 				{ background: url("../images/imp-points.png") no-repeat left top; padding-left: 40px; font-size: 20px;font-weight: 500; padding-bottom: 20px;background-position: 0px 4px;}
.clinic-details 					{ background: url("../images/detail-background.jpg");background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover; color: #fff; padding:50px 0px; padding-top: 60px;}
.clinic-details h2 					{ font-size: 36px; font-weight: 800; padding-bottom: 40px; text-transform: uppercase; color: #ff8d33; }
.clinic-details p 					{ font-size: 20px; font-weight: 500; color: #fff; padding-bottom: 20px;}
.clinic-details a 					{ display: inline-block;font-size: 20px; font-weight: 500; color: #fff;}
.clinic-details i 					{  padding-right: 10px;}
.clinic-details a:hover 			{ color: #ff8d33; text-decoration: none;}
.vip     { padding:5px 30px;background: #eff3f9; margin-bottom: 10px; border-radius: 5px; }
.vip img { width: 100px;
    float: left;
    border: 3px solid #325695;
    border-radius: 50%;margin-top: 17px;}
.m_vip {padding:50px 0px;}
.vip span { float: left;width: 65%;padding-left: 10px;padding-top: 22px;font-size: 12px;min-height: 135px;}
.vip span strong { color: #255695; font-size: 16px; font-weight: 700;}
.read-info {
    padding: 10px 20px;
    background: #fff;
    color: #12337c;
    display: inline-block;
    margin-bottom: 10px;
}
.appoint-call  						{  background: #ff8d33; /* display: block !important; */text-align: center;padding: 10px 100px;font-size: 25px !important;
    color: #fff !important; margin-top: 35px;}
.our-treatments 					{ background: url("../images/treatments.jpg") no-repeat top center; padding: 50px 0px; background-size: cover; text-align: center;}
.our-treatments h2 					{ font-size: 36px; font-weight: 800; color: #fff; padding-bottom: 40px; text-align: center;width: 100%; text-transform: uppercase;}
.show-all 							{ font-size: 24px; font-weight: 400; color: #fff; border:1px solid #fff; padding: 8px 30px; text-align: center; display: inline-block; margin: auto;}
.disease 							{ padding:45px 10px; text-align: center; border: 1px solid #fff; margin-bottom: 30px; background: #fff; border-radius:8px;}
.disease img 						{ width:100px; padding-bottom: 20px;}
.disease h3 						{ font-size: 22px; font-weight: 800; color: #ff8d33;}

.disease p 							{ padding:15px; padding-top:0px; color: #fff; font-weight: 500; display: none;}
.disease a 							{ color: #fff; font-weight: 600; display: none;}
.booking-left 						{ float:left; width:30%;}
.booking-right 						{ float:right; width:70%;}



.t-left { background: url("../images/fsf.png") no-repeat top center; padding-right: 0px;background-size: cover; height: 500px; }
.t-right { padding-left: 0px; padding: 50px 0px; padding-left: 20px;background: url("../images/tab-right.png") no-repeat center;padding-top: 30px;}
.t-aleft {float:right;}
.nav-pills .nav-link {text-align: left;color: #000;
    background-color: #f1f1f1; margin-bottom: 10px; font-size: 16px;font-family: "Montserrat", serif; font-weight: 500; font-style: italic; border-radius: 0px;border: none; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1a4379;    border: none;
} 
#owl-demo .item{margin:10px; float:left;}
.owl-carousel img{ max-width:100%; height:auto;}
.testimonial 	{ padding: 50px 0px;}
.testimonial h2 {font-size: 32px;
    font-weight: 600;
    color: #1b437a;
    padding-bottom: 40px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;}
.aw-icon {background: #fff; width: 66px; height: 66px; border-radius: 50%; text-align: center;position: relative; top: -48px; left: 0px;-webkit-box-shadow: 0px 0px 5px 2px rgba(232,232,232,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(232,232,232,1);
box-shadow: 0px 0px 5px 2px rgba(232,232,232,1);}
.aw-icon img{
    width: 36px;
    text-align: center;
    display: block;margin: auto; padding-top: 15px;
}
.awsm-personal-info { padding: 20px;}
   .item-holder {
      padding-bottom: 145px;
      position: relative;
      z-index: 1;
      overflow: hidden; }
.awsm-grid-holder {
        overflow: hidden; }
.awsm-grid-holder img {
          -webkit-transition: -webkit-transform 0.8s;
          -moz-transition: -moz-transform 0.8s;
          transition: -webkit-transform 0.8s;
          -o-transition: transform 0.8s;
          transition: transform 0.8s;
          transition: transform 0.8s, -webkit-transform 0.8s; }
.item-holder .awsm-grid-holder .item-data-holder {
          height: 150px;
          width: 100%;
          bottom: 0;
          position: absolute;
          padding: 30px 0px 30px;
          color: #1f1f1f;
          text-align: center;
          overflow: hidden;
          -webkit-transition: height 0.4s;
          -moz-transition: height 0.4s;
          -o-transition: height 0.4s;
          transition: height 0.4s; }
.item-holder .awsm-grid-holder .item-data-holder::before {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            background: #06b2b6 !important;
            -webkit-transition: height 0.4s;
            -moz-transition: height 0.4s;
            -o-transition: height 0.4s;
            transition: height 0.4s;
            left: 0; }
.item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info {
            position: relative;
            margin-bottom: 15px; }
.item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info p {
              font-family: 'Poppins', sans-serif;
              font-weight: 500; }
 .item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info .depart {
              font-family: 'Poppins', sans-serif;
              font-weight: 300;
              display: block;
              margin-bottom: 20px; }
 .item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name {
              margin-bottom: 22px; }
.item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name::before {
                content: "";
                display: inline-block;
                position: absolute;
                left: 148px;
                width: 15%;
                height: 1px;
                top: 30px;
                background: #999;
                right: 0; }
.item-holder .awsm-grid-holder .item-data-holder .awsm-contact-info {
            opacity: 0;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
            -moz-transition: -moz-transform 0.4s, opacity 0.1s;
            -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
            transition: opacity 0.1s, -webkit-transform 0.4s;
            -o-transition: transform 0.4s, opacity 0.1s;
            transition: transform 0.4s, opacity 0.1s;
            transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; }
      .our-specialist .our-specialist-carousel .item .item-holder:hover {
        -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name {
          color: #fff; }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name::before {
            background: #fff; }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info p {
          color: #fff; }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info .depart {
          color: #fff; }
      .our-specialist .our-specialist-carousel .item .item-holder:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
.item-holder:hover .item-data-holder {
        height: 200px;
        color: #fff; }
.item-holder:hover a {background: #fff; color: #ec8b2e;}
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-contact-info {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
        transition: opacity 0.1s, -webkit-transform 0.4s;
        -o-transition: transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; }
.item-holder:hover .item-data-holder::before {
        height: 100%;
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        transition: height 0.2s;
        background: #ec8b2e !important; }
.tes 		{-webkit-box-shadow: 0px 0px 5px 2px rgba(232,232,232,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(232,232,232,1);
box-shadow: 0px 0px 5px 2px rgba(232,232,232,1);border-radius:23px;}  
.awsm-personal-info a 	{ padding: 10px 20px; background: #1a4379; color: #fff; display: inline-block;margin-top: 15px; margin-bottom: 10px;}
.item-holder:hover img {
    transform: scale(1.1);
}
 .item-holder .awsm-grid-holder img {
    transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
}

.footer {background:#303133; padding:25px 0px;}
.social a {
    color: #fff;
    font-size: 21px;
    margin-right: 10px;
    margin-top: 20px;
    display: inline-block;    width: 45px;
    height: 45px;
    text-align: center;
    border: 1px solid #e8a616;
    border-radius: 50%;
    padding-top: 9px;
    padding-left: 9px;
}
.footer h3 { font-size:26px; color: #fff; background: url("../images/footer-border.png") no-repeat bottom left; padding-bottom: 15px;}
.footer p {color:#fff; margin-top: 10px;}
.footer a {color: #fff;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;}
.footer i {padding-right:10px;color: #e8a616;}
.copy { border-top: 1px dotted #e8a616; margin-top: 20px; } 
.copy p {color:#fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #cab500 !important;
    color: rgba(0, 0, 0, .7);
}
.responsive-header { display: none; padding: 10px 0px;width: 100%;}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
	z-index:999;
        background-color: #1e62a0; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px; border: none;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {transition: margin-left .5s;padding: 20px;}
.side-nav-login { color: #fff; font-size: 30px; float:right; width: 20%; text-align: right;padding-top: 28px;}
.side-nav-login:hover { color: #fd750f;}
.side-nav-logo {width: 60%; float:left; text-align: center;}
.side-nav-logo img {}
.nav-bar   { }
.nav-bar a { display: inline-block; width: 20%; float: left;padding-top: 37px;}
.nav-bar a i {color: #fff;} 
.nav-bar i	{ display: inline-block;font-size: 30px;}
.nav-bar a:hover i {color: #fd750f;}





.breadcrumb 				{ background-color: inherit; padding-left: 0px;}
.breadcrumb-item a 			{ color: #fff;}
.breadcrumb-item.active 	{color: #fd750f;}
.bread-crumb  				{ padding:90px 0px;padding-top: 180px;}
.bread-crumb h2 			{ color: #fd750f; font-weight: 800; text-transform: uppercase;}
.appointment-section 		{ background: #fd750f; padding: 30px 15px; border-radius: 8px;}
.appointment-page			{ padding: 50px 0px;}
.appointment-page h2        { text-align: center; font-size: 36px; font-weight: 800; background: url("../images/heading-effect2.png") no-repeat bottom center;padding-bottom: 30px; text-transform: uppercase;}
.appointment-page p 		{ padding-bottom: 40px; text-align: center; padding-top: 20px;}
.appointment-section label  { color: #fff;font-size: 18px;font-weight: 600;}
.chat-image 				{ text-align: center;padding-top: 40px;}
.chat-image img 			{ border-radius:50%;}
.chat-section a 			{font-size: 18px;isplay: inline-block;background: #ea7327;color: #fff;padding: 10px 20px;border-radius: 8px;font-weight: 600;
    text-transform: uppercase;}
.appoint-send				{ background: #fff; color: #fd750f; border:none; font-size: 20px; padding: 5px 20px; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.appoint-send:hover 		{background: #fff; color: #fd750f;}
.chat-section 				{ text-align: center;}
.appointment-section .form-control	{ }
.apadd 						{ padding-bottom: 0px;}
.modal-content    			{ padding:40px 15px; border-radius:0px; }
.login-submit             	{ height: 50px;border: none;background: #ea7327;font-size: 20px;color: #fff;text-transform: uppercase;margin-bottom: 20px; width:100%; display: block;  }
.login-form h2 				{ text-align: center; color: #fd750f; padding-bottom: 20px; }
.linput 					{ border-radius: 0px; height: 50px; font-size: 20px; }
.lforgot   					{ display: block; text-align: right; color: #fd750f}
.lforgot:hover 				{ color: #fd750f; text-decoration: none;}
.lsign 						{ color: #666; text-align: center; margin-top: 20px;}
.lsign a 					{ color: #fd750f}
.sign-body 					{max-width: 540px;margin: auto;padding: 30px;border: 1px solid #ccc;}
.sign-body h2 				{font-size: 30px;font-weight: 400;margin-top: 0; text-align: center;}
.sign-body p      			 {font-size: 18px;color: #666;font-weight: 300;padding-bottom: 10px; text-align: center; margin-bottom: 20px; }
.signup-page 				{ padding: 40px 0px; }
#gallery{
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  display:table;
  transition: all ease 1s;
  
  overflow-x: hidden;
}
#gallery .item{
  width:20%;
  display:block;
  float: left;
  transition: all ease 400ms;
 
  position: relative;
}
#gallery .item:hover,
#gallery .item:focus{
  transform:scale(1);
  z-index:50;
  box-shadow:0 0 10px black;}
#gallery .item figure{
  transition: all ease 1s;
  overflow:hidden;
  height:210px;
  padding:0;
  margin:5px;
  position: relative;
}
#gallery .item figure img{
  transform: scale(1.4);
  transition: all ease 1s;object-fit: cover;
    height: 100%;
    width: 100%;
}
#gallery .item:hover figure,
#gallery .item:focus figure{
  transition: all ease 400ms;
}
#gallery .item:hover figure img,
#gallery .item:focus figure img{
  transform:scale(1.4);
  transition: all ease 1s;
}
#gallery.hover{
  transition: all ease 1s;
/*   opacity:.7; */
}
#gallery.hover .item{
  opacity:.9;
  filter: blur(1px);
}
#gallery.hover .item:hover,
#gallery.hover .item:focus{
  opacity:1;
  filter: blur(0);
}
#gallery .item figcaption{
  position:absolute;
  font-size:18px;
  color:#fff;
  width:100%;
  height:100%;
  padding:10%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  top:0;
  left:0;
  transform:scale(1.3);
  filter: blur(4px);
  opacity:0;
  transition:500ms;
  background-color: rgba(0,154,178,.6);
  text-transform:uppercase;
  font-weight:bold;
}
#gallery .item:hover figcaption,
#gallery .item:focus figcaption{
  transform:scale(1);
  filter: blur(0);
  opacity:1;
  transition:300ms;}
@media (max-width:1368px){
  #gallery .item{width:25%;}
}
@media (max-width:1080px){
  #gallery .item{width:33.3%;}
}
@media (max-width:800px){
  #gallery .item{width:50%;}
  #gallery .item figure{
    height:250px;
  }
  #gallery .item figure img{
    transform:rotate(0) scale(1);
    transition: all ease 1s;
    width:auto;
    min-width:100%;
    height:100%;
    min-height:250px;
  }
  #gallery .item:hover figure img{
    transform:rotate(0) scale(1);
    
  }
}
@media (max-width:500px){
  #gallery .item{width:100%;}
  #gallery .item figure{
    height:250px;
  }
}
.aboutin { background: url("../images/aboutbg.png") no-repeat center; padding:25px 0px; text-align:center; color:#fff; }
.aboutin h2 {font-size:20px;}
.tab-pane h2 { padding-bottom:20px;}

.contact-us 						{ padding:50px;}
.contact-us h2 						{ font-size:32px; font-weight:600; color:#000000; text-transform: uppercase; padding-bottom: 20px;}
.slide-content1 h2 {font-size:20px; font-weight: 400; color: #d3af5e; padding-top: 60px;}
.slide-content1 h1 {font-size: 35px;color: #005550;margin-bottom: 15px;}
.slide-content1 p { font-size: 18px; color:#005550;margin-bottom: 15px;}
.slide-content1 a { font-size: 16px; color:#005550;text-transform: uppercase; display: inline-block; margin-right: 15px;margin-bottom: 15px;}
.sb1 { background: #005550; color:#fff !important; padding: 5px 20px; border-radius:30px; }
.sb2 { background: none; color:#005550 !important; padding: 5px 20px; border-radius:30px; border:1px solid #005550}

.c-location 						{ margin-bottom: 30px;}
.c-location h4 						{ font-size: 22px;color: #d3af62; font-weight:500;}
.c-location p 						{ font-size: 16px;color: #666666;}
.c-location i 						{
    padding-right: 15px;
	color: #d3af62;}

.c-phone {
    margin-bottom: 30px;
}
.c-phone h4 {
    font-size: 22px;
    color:#d3af62;
}
.c-phone p {
    font-size: 16px;
    color: #666666;
}
.c-phone i {
    padding-right: 15px;
    color: #d3af62;
}
.c-email {
    margin-bottom: 30px;
}
.c-email h4 {
    font-size: 22px;
    color: #d3af62;
}
.c-email p {
    font-size: 16px;
    color: #666666;
}
.c-email i {
    padding-right: 15px;
    color: #d3af62;
}
.appoint-send {
    border: none;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 35px;
    background: #d3af62;
    border-radius: 30px;
    display: inline-block;
}
.appoint-send:hover {
    border: none;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 35px;
    background: #d3af62;
    border-radius: 30px;
    display: inline-block;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    padding: 0px;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.navbar-nav .active a {color:#cab500 !important
}
.dropdown-item:focus, .dropdown-item:hover {
        color: #fff !important;
    text-decoration: none;
    background-color: #1b437a;
}

.awards {padding:50px 0px}
.awards h2 {
    font-size: 32px;
    font-weight: 600;
    color: #1b437a;
    padding-bottom: 40px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
.tes1 { background: #f2f2f2;margin: 12px;}
.tes1 img { }
.awsm-personal-info1 {padding: 20px; padding-bottom: 30px;}
.awsm-personal-info1 h5 {
    font-size: 13px;
    background: #1a4379;
    padding: 9px;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
}
.hcall-hemail {    padding-left: 142px;}

@media all and (min-width: 992px) {
.dropdown:hover>.dropdown-menu { display: block;}
	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
		    top: -7px !important;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}
 
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */
 
/* ============ small devices ============ */
@media (max-width: 991px) {
 
.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
 
}