body {
padding: 0px;
margin: 0px;
height: 100%;
/*background:#7d0040 !important;*/
min-height:100%;
font-family:Arial;

}
img { -ms-interpolation-mode: bicubic; }
/*******************************Drop BTN*/
.M_DropBTN{
position: absolute;
top: 0%;
right: 5px;
width: 20%;
height: 100%;
/*background: #7d0040;*/
display: none;
color: #fff;
/*border-radius: 50%;*/
cursor: pointer;
z-index:100000000000000;
}
.M_DropBTN i{
margin-top: 92%;
width: 100%;
height: 25%;
font-size: 8px;
}
.M_responUL li:hover .M_DropBTN i{
    color:#7d0040 !important;

}
.M-ToggelButton{
    display:none;

}
.M-ToggelButton i{
   color: #fff;
padding: 12px;
/*font-weight: normal;*/
font-size: 20px;

}
@media only screen and (max-width: 1024px) and (min-width:678px) {
  .M_DropBTN{
      display:block;
  }
  

}
/*******************************Drop BTN*/
.M_Arrow_Menu{
    padding: 0 5px;
    display:block;
    float:right;
   font-size:8px;
}
#cssmenu .submenu-button {


display: !important;
}
html{

    position:relative;
}

.m-wrapper {
min-height: 100%;
position: absolute;
padding-left: 0px;
padding-right: 0px;
}

#wrapper {
min-height: 100%;
position: relative;
}

.M_header {
background: #ededed;
padding-left: 0px;
padding-right: 0px;
}

.M_content {
padding-left: 0px;
padding-right: 0px;
min-height: 100%;
/*padding-bottom: -500px;
margin-bottom: -500px;*/ /* Height of the footer element */
/*background-color: #dbd8d2;*/
/*background-image: url("/themes/images/BackgroundNew.png");*/
}

.M_footer {
background: #7d0040;
width: 100%;
min-height: 55px;
position: absolute;
bottom: 0;
left: 0;
text-align:center;
}
.M_footer label{
      padding-top: 13px;
    font-size: 8pt;
    word-spacing: 1px;
    color: #ffffff;
	font-family: Arial;
}
.M_HomeDiv {
background-image: url("/themes/images/header-bg.png");
height: auto;
}

.M_borNOne {
border-left: none !important;
border-right: none !important;
}

.M_HomeDiv2 {
background: #7d0040;
height: auto;
padding: 0px;
}

.M_LogoLBL {
padding: 5px;
padding-left: 0px;
}
.M_LogoLBL img{
   height:68px; /*rgk: this changes logo size*/
   padding-top: 10px; /*rgk: this changes logo padding, to bring it in center*/
   image-rendering: optimizeSpeed;
   -ms-interpolation-mode:bicubic;
  
}
.M_LogoLBL img:focus{
   height:93px;
  outline:none;
  
}
.M_breadCrmb {
float: right;
padding: 0px;
margin-bottom: 12px !important;
}

.M_SearchDiv {
float: right;
margin-bottom: 10px;
padding: 0px;
}

.M_Searchlbl {
padding-left: 5px;
float: right;
width:45%;
}

.M_SearchDiv a {
float: right;
text-align: center;
padding: 5px;
cursor: pointer;
color: #CEC8C8 !important;
border: 1px solid #CEC8C8;
font-size: 11px;
margin: 5px 0px 0 5px;

}

.M_SearchDiv input {
 float: right;
 background-color: transparent;
 font-family: "Times New Roman", Times, serif;
 padding: 4.5px;
 margin-right: 0px;
 border: none;
 margin-top: 5px;
 width: 80%;
 font-size: 12px;
 color:#ACACAC;
 border: 1px solid #CEC8C8;
 -webkit-border-radius:initial !important;
    -moz-border-radius: initial !important;
    border-radius: initial !important;
    -khtml-border-radius: initial !important;
    
}
.M_SearchDiv input:hover{
border: 1px solid #CEC8C8 !important;

}
.M_SearchDiv input:focus {
outline: none;
}

.M_breadCrmb ul {
list-style: none;
float: right;
margin-top: 20px;
padding: 0px;
}

.M_breadCrmb ul li {
width: auto;
height: auto;
float: left;
padding: 0px 10px;
border-right: 1px solid #000;
}

.M_breadCrmb ul li a {
cursor: pointer;
color: #680437;
font-size:12px;
font-family:Arial;
}

.M_breadCrmb ul li:last-child {
border-right: none;
}
.M_AdobeEdge{
    margin-top:15px;
    padding-left:0px;
    padding-right:0px;
}
.M_QIABanner{
 height:300px;
 padding:0px;
}
.M_VideoIcon {
position: absolute;
font-size: 44px;
top: 17%;
left: 42%;
color: #fff;
width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');
background-position:center center;
background-repeat:no-repeat;
}

.m-video {
width: 100%;
}

.M_ModalBody {
 padding: 0px;
}
.M_spicLiA{
    padding: 5px !important;
     line-height: 2;
}
.M_closeBTnPopup {
position: absolute;
z-index: 10;
top: 10px;
right: 7px;
font-size: 40px;
opacity: 5 !important;
}
.M_closeBTnPopup span {
font-size: 22px;
border: 2px solid rgb(0, 0, 0);
border-radius: 20px;
width: 25px;
float: left;
height: 25px;
}

/*mid pop up*/
.modal {
text-align: center;
padding: 0!important;
}

.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}

.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
/* end mid pop up*/
/****************************************responsive menu***************************************************************/
.M_SUBresponUL li {
padding-left: 0px !important;
padding-right: 0px !important;
}

.M_SUBresponUL li:first-child {
padding-left: 0px !important;
padding-right: 0px !important;
border-left: none !important;
}

.M_responUL li a:first-child {
/*border-left: 1px solid #fff !important;*/
}

.M_responUL li:first-child a:first-child {
border-left: 1px solid #fff !important;
}

.M_responUL {
position: relative;
z-index: 1;
margin-bottom: 0px;
}

.M_responUL li {
text-align: center;
}

.M_responUL li a {
/*padding: 15px !important;*/
padding: 10px !important;
border-right: 1px solid #fff !important;
margin: 10px 0px;
font-family:Arial;
}

.M_responUL li .has-sub > a {
padding-right: 0 !important;
}

/*.M_responUL li:hover {
background: #fff;
}

.M_Level-1 li a:hover {
background: #fff;
}*/

.M_Level-1 li {
text-align: left;
height:auto !important;
}

.M_Level-2 li {
text-align: left;
height:auto !important;
}
.M_Level-1 li:hover{
    border-radius:5px;

}

.M_Level-1 li a:hover {
color: #fff;
}

.M_Level-2 li a:hover {

}

.M_Level-1 li a {
padding: 10px !important;
border-right: none !important;
margin: 0px !important;
}

.M_Level-2 li a {
padding: 10px !important;
border-right: none !important;
margin: 0px !important;
}

.M_Level-1 li a:first-child {
border-left: none !important;
}

.M_Level-2 li:first-child a:first-child {
border-left: none !important;
}
.M_Level-1 li:first-child a:first-child {
border-left: none !important;
}

.M_Level-2 li a:first-child {
border-left: none !important;
}


.has-sub {
border: none !important;
}


* {
margin: 0;
padding: 0;
text-decoration: none;
}

body {
/*background: #555;*/
}

.M_responsMenu {
/*position: absolute;*/
width: 100%;
background: #7d0040;
/*z-index:10000000;*/
}

.logo {
position: relative;
z-index: 123;
padding: 10px;
font: 18px verdana;
color: #6DDB07;
float: left;
width: 15%;
}

.logo a {
color: #6DDB07;
}

.M_ResponsvNav {
position: relative;
width: 100%;
margin: 0 auto;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
padding: 0px;
/*text-transform:uppercase;*/
}

#cssmenu:after, #cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

#cssmenu #head-mobile {
display: none;
}

#cssmenu {
font-family: sans-serif;
background: #7d0040;
}

#cssmenu > ul > li {
float: left;
}

#cssmenu > ul > li > a {
/*padding: 15px;*/
font-size: 14px;
/*letter-spacing: 1px;*/
text-decoration: none;
color: #fff;
/*font-weight: 700;*/
/*height:50px;*/
}

#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
color: #7d0040;
}

 #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
 background: #fff!important;
 -webkit-transition: background .3s ease;
 -ms-transition: background .3s ease;
 transition: background .3s ease;
 color: #000 !important;
 }
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #ddd;
content: '';
visibility: hidden;
}

#cssmenu > ul > li.has-sub > a:before {
 position: absolute;
 top: 19px;
 right: 14px;
 display: block;
 width: 2px;
 height: 8px;
 background: #ddd;
 content: '';
 -webkit-transition: all .25s ease;
 -ms-transition: all .25s ease;
  transition: all .25s ease;
  visibility: hidden;
 }

#cssmenu > ul > li.has-sub:hover > a:before {
 top: 23px;
 height: 0;
}

#cssmenu ul ul {
position: absolute;
left: -9999px;
top: 100%;
/*margin-left: -22%;*/
}

#cssmenu ul ul li {
height: 0;
/*-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;*/
background: linear-gradient(to bottom, rgba(160,50,98,1) 0%,rgba(121,0,62,1) 100%) !important;/*transition: all .2s ease;*/
margin-top:1px;
border-radius: 5px;
}
#cssmenu li:hover > ul {
left: auto;
}
/*very very important for animation big size menu*/

#cssmenu li:hover > ul > li {
height:50px;
}
#cssmenu li:hover > ul > li a {
height:auto;
}
/*very very important for animation big size menu*/
#cssmenu ul ul ul {
margin-left: 100%;
top: 0px;
}

#cssmenu ul ul li a {
/*border-bottom:1px solid RGBA(206, 206, 206, 0.15);*/
padding: 11px 15px;
width: 100%;
font-size: 13px;
text-decoration: none;
color: #fff;
font-weight: 400;
/*line-height:1.5;*/margin-bottom:2px;

}

#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
/******backcolor Hover #fff*/
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
color: #7d0040;
/*font-weight: bold;*/
border-radius:5px;
background:#fff;
}
/******end backcolor Hover #fff*/



#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
background: #fff !important;

}
.ForInvestments {
 width: 100%;
}
.ForPeople {
 width: 100%;
}
.ForCONTACT {
 width: 100%;
}
.ForAbout {
 width: 100%;
}
.M_homeINMob {
 color: #fff;
 padding: 15px;
 font-weight: 600;
 display: none;
}
/****************************************responsive menu***************************************************************/
/*****************************************body content gallery and other***********************************************/
.M_HomeDiv3 {
 padding: 0px;
 /*background-color: #dbd8d2;*/
 background-color: white;
 background-image: url("/themes/images/BackgroundNew.png");
 padding: 0px;
 background-repeat: repeat-x;
}

.carousel-fade .carousel-inner .item {
 -webkit-transition-property: opacity;
 transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
 height: 100%;
}
.M_SliderRespon {
width: 100%;
height: 310px;
padding-top: 10px;
padding-right: 0;
padding-left: 0;
margin-bottom:-30px;
padding-bottom: 15px; /*rgk added to fit divider line on Default page distance from top and bottom */
}

.m-sliderImg {
 width: 100%;
 height: 100%;
}

.M-headTitleSlid {
font-size: 15px;
color: #fff;
}

.M-headTitleSlidH3 {
font-size: 30px;
color: #ffffff;
padding-bottom: 10px;
}

.M_partsDiv {
padding-left: 0px;
padding-right: 0px;
}

.M_PRtDIV {
    margin: 15px 1.32%;
    background-color: #fff;
   
    width: 23%;
    height:auto !important;
    /*padding: 10px;*/
    min-height: 330px !important;
    max-height: 330px !important ;
    overflow: hidden;
}

.M_PRtDIV a {
width: 100%;
height: 100%;
border-bottom: 1px solid #fff;
text-align: center;
float: left;
cursor: pointer;
padding-top:10px;
-webkit-box-shadow:0px 10px 15px -10px #000;

-moz-box-shadow:0px 10px 15px -10px #000;

/*box-shadow:0px 10px 15px -10px #000;*/
overflow:hidden;
}

.imgBox:hover
{
  -moz-box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}

/*tile images on home page: here rgk changed width and height from auto for both to 190 and 130 respectively*/
.M_PRtDIV a img {
width:190px !important;
height:130px !important;
 image-rendering: -moz-crisp-edges;
 image-rendering: optimizeSpeed; 
}


.M_partsLBL {
width: 100%;
color: #7d0040;
padding: 10px;
padding-top:20px;
font-family: Arial;
font-size: 14px;
font-weight:bold;
padding-left:0px;
text-align: center;
}

.M_partsParagh {
width: 100%;
font-size:12px;
color:#444;
line-height:18px;
font-family:Arial;
word-spacing: 3px;
text-align: center;
padding: 11px;
}

.M_partsDiv .M_PRtDIV:first-child {
margin-left: 0% !important;
}

.M_partsDiv .M_PRtDIV:last-child {
margin-right: 0px !important;
}.M_responsSearchDIV{
     display:none;

 }
/****************************************end body content gallery and other***********************************************/
/********************************************i pad*******************************************/
@media screen and (max-width:1024px) {
    #cssmenu > ul > li > a{
        font-size:11px;


    }
.M_VideoIcon {
position: absolute;
font-size: 40px;
top: 12%;
left: 37%;
color: #fff;
width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');
}
}

/********************************************end i pad*******************************************/
/********************************************i phone*******************************************/
@media screen and (min-width:0px) and (max-width:400px){
    .M_VideoIcon {
    position: absolute;
    font-size: 4em ;
    top: 21% !important;
    left: 40%;
    color: #fff;
    width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');

}
 
.M_LogoLBL img{
    width:auto;

}
.M_PRtDIV{
    width:90% !important;

}
.M_QIABanner{
    height:auto;
}
}
@media screen and (max-width:678px) {
.M_QIABanner{
    height:auto;
}
.M_VideoIcon {
position: absolute;
font-size: 5em ;
top: 24% !important;
left: 42%;
color: #fff;
width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');
}
.M_partsDiv .M_PRtDIV{
    margin-left:4% !important;
    margin-top:10px !important;
}
.M_partsDiv .M_PRtDIV:first-child{
    margin-left: 4% !important;
}

}

@media only screen and (max-width: 768px) and (min-width:678px) {
.M_partsDiv .M_PRtDIV:first-child {
margin-left: 1% !important;
}
.M_partsDiv .M_PRtDIV{
margin-left:1% !important;
}
.M_PRtDIV {
    max-height:335px;
    min-height:500px;

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
color: #7d0040;
/*font-weight: bold;*/

-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.M_Level-1 li a:hover{
    border-radius:0px !important;
    background:none;
    background-color:transparent;
}
.M_Level-2 li a:hover{
    border-radius:0px !important;
     background:none;
    background-color:transparent;
}
.M_Level-3 li a:hover{
    border-radius:0px !important;
     background:none;
    background-color:transparent;
}

#cssmenu ul ul li {

border-radius: 0px !important;
}
.M_VideoIcon {
position: absolute;
font-size: 5em ;
top: 24% !important;
left: 42%;
color: #fff;
width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');
}
}
/********************************************end i phone*******************************************/
/*********************************************************my menu*********************************************************/
@media only screen and (max-width: 768px) {
.M_AdobeEdge{
    margin-top:0px;
    padding-left:0px;
    padding-right:0px;

}
.M_DropBTN{
      display:none !important;
  }

 #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
background:none !important;

}
    
      .M_LogoLBL img{
    width:auto;

}
   .M_Arrow_Menu{
       display:none;
   }
   .M_QIABanner{
    height:auto;
}
    #cssmenu ul ul li a{
        font-size:15px !important;
        border-bottom:none;

    }
    .M_spicLiA{
    padding:initial !important;
     line-height: 2;
}
    .M_responUL li:first-child a:first-child{
        border-left:none !important;

    }
#cssmenu > ul > li > a{
    font-size:13px !important;
}
.M_SearchLBL{
width: 100%;
color: #7d0040;
font-size: 25px;
padding-bottom: 20px;
text-align: center;
font-weight: bold;

}
.M_ModalContent{
border:none;
box-shadow:none;
background: #ddd;
width: 100% !important;
height: 30%;
z-index: 100000;
float: left;
padding: 10px;

}
.M_breadCrmb ul {
margin-top: 50px;
}


.M_footer label{
padding-top: 5px;
font-size:11px;
font-weight:normal;
color:#fff;

word-spacing: 1px;
}
    .M_SearchDiv{

        display:none;
    }
    .M_SearchDiv2 {
float: right;
margin-bottom: 10px;
padding: 0px;
}

.M_Searchlbl2 {
border: 1px solid #808080;
border-radius: 4px;
padding:0px;
float: right;
}

.M_SearchDiv2 a {
float: right;
text-align: center;
padding: 7px;
cursor: pointer;
BACKGROUND: #7d0040;
color: #fff !important;
}

.M_SearchDiv2 input {
float: left;
background-color: transparent;
border: 1px solid #808080;
padding: 5px 0;
margin-right: 0px;
border: none;
margin-top: 2px;
width: 85%;
padding-left:5px;
font-family:'Times New Roman';
}

.M_SearchDiv2 input:focus {
outline: none;
}
.M_responsSearchDIV{
display:block;
display: block;
float: right;
margin-right: 0%;
color: #fff;
font-size: 15px;
padding: 15px 15px 10px 15px;
background: #630334;
cursor: pointer !important;
position: relative;
z-index: 1;
 }
.M_SearchPopUP{
/*background:#ddd;
width:100% !important;
height:50%;
z-index:100000;*/
}
.M_responUL li {
/*padding:0px!important;*/
}
.M_LogoLBL {
text-align: center;
}
.M_LogoLBL img{
    width:auto;

}
.M_HomeDiv2 {
padding: 0 !important;
}
.container {
padding: 0 !important;
}
.m-fastLinks {

}

.M_homeINMob {
display: block;
}

.M_responUL li a:first-child {
border-left: none !important;
}

.M_responUL li a {
border-right: none !important;
margin:0px;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
color: #fff;
}
/****************************************************************closed aria*************************************************************************/
#cssmenu ul ul li a:hover {
    border-radius:0px !important;

}
.M_Level-1 li a {
padding-left: 15px !important;
background: #5f0030 !important;
}
.M_Level-1:hover{
    background:none !important;
}
.M_Level-2:hover{
    background:none !important;
}
.M_Level-3:hover{
    background:none !important;
}
.M_Level-2 li a {
padding-left: 25px !important;
background:#500229 !important;
border-left:none !important;
}
.M_Level-3 li a {
padding-left: 35px !important;
background:#420122 !important;
}
.M_responUL li {
border-right: none !important;
}
.M_responUL li:first-child {
border-left: none !important;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
color: #fff;
font-weight: normal !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.M_responUL li {
text-align: left !important;
}
.M_SliderRespon{
    height:auto !important;

}
.M_PRtDIV {
margin: 10px 0px !important;
}
.M_partsDiv .M_PRtDIV{
margin-left:1%;
}

.M_partsDiv .M_PRtDIV:last-child {
margin-right: 0% !important;
}

.M_PRtDIV {
    margin: 1% !important;
    background-color: #fff;
   min-height:335px !important;
   max-height:500px !important;
    width: 47%;
  

}

.modal {
text-align: center;
padding: 0!important;
}

.modal:before {
content: '';
display: inherit !important;
height: 25%!important;
vertical-align: middle;
margin-right: -4px;
}

.modal-dialog {
display: inherit !important;
text-align: left;
vertical-align: middle;
}
.M_VideoIcon {
 position: absolute;
 font-size: 5em ;
 top:30% ;
 left: 43%;
 color: #fff;
 width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');
}
#cssmenu li:hover > ul > li {
height:auto;

}
#cssmenu li:hover > ul > li a {
height:auto;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{
 background:none!important;
  
}
#cssmenu ul ul li{

background:none !important;
}
/****************************************************************end closed aria*********************************************************************/
/****************************************************************responsive menu*********************************************************************/
nav {
width: 100%;
}
#cssmenu {
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu ul li {
width: 100%;
/*border-top: 1px solid #444;*/
 }
/*#cssmenu ul li:hover {
background: #363636;
padding: 0px;
}*/
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a, #cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
}
#cssmenu ul ul, #cssmenu ul ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
 #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
 display: none;
}
#cssmenu #head-mobile {
display: block;
padding: 20px;
color: #ddd;
font-size: 12px;
font-weight: 700;
}
.M-ToggelButton {
width: 55px;
height: 46px;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
z-index: 1000;
display:block;
}
.M-ToggelButton:after {
position: absolute;
top: 22px;
right: 20px;
display: none;
height: 9px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
.M-ToggelButton:before {
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 16px;
right: 20px;
display: none;
height: 2px;
width: 20px;
background: #ddd;
content: '';
}
.M-ToggelButton.menu-opened:after {
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
top: 23px;
border: 0;
height: 2px;
width: 19px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.M-ToggelButton.menu-opened:before {
top: 23px;
background: #fff;
width: 19px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
height: 50px;
width: 25%;
cursor: pointer;
display:block;
}
#cssmenu .submenu-button.submenu-opened {
background: none;
}
.M_responUL li:hover {
background: transparent !important;
}
.MrgnForInvest, .MrgnForPeop {
margin-left: 0px !important;
}
#cssmenu ul ul .submenu-button {
height: 50px;
width: 100%;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #ddd;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #fff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #ddd;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
#cssmenu ul ul ul li.active a {
border-left: none;
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
border-top: none;
}
/************************************************************responsive menu*************************************************************************/
}
/******************************************************************end my menu**********************************************************************/
@media only screen and (min-width:769px) and (max-width:1500px) {
    
    .M_SpicULSub{
    margin-left: 0!important;
    top: 145px !important;

    }
    .M_SpicULSub li a{
   background:#000;
   

    }
    #cssmenu ul ul li a{
        font-size:13px !important;

    }
    /*#cssmenu ul ul li.has-sub > a:before{
            position: absolute;
    top: 18px;
    right: 15px !important;
    display: block !important;
    width: 2px !important; 
    height: 9px !important;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
   display:none;
    }
    #cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 21px !important;
    right: 12px !important;
    width: 8px !important;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
   
}*/
}
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
ul.topnav li:not(:first-child) {
display: none;
}
ul.topnav li.icon {
float: right;
display: inline-block;
}
.M_PRtDIV {

background-color: #fff;
padding: 0px;
width: 43%;
padding: 10px;
padding-top:0px;

min-height:335px !important;
    max-height:500px !important;
}
.M_partsDiv {
 padding: 0px !important;
 text-align:center!important;
}
.M_SliderRespon {
/* padding: 0px !important; */
padding: 0px; /* rgk removed important flag */
padding-bottom: 15px; /* rgk added to fix distance of divider line on default page */
}
.M-headTitleSlid {

}
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
ul.topnav.responsive {
position: relative;
}
ul.topnav.responsive li.icon {
position: absolute;
right: 0;
top: 0;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
}
@media screen and (min-width:400px) and (max-width:600px) {
    .M_VideoIcon {
position: absolute;
font-size: 5em ;
top: 12% !important;
left: 42%;
color: #fff;
width:43px;
height:43px;
background-image:url('/themes/images/PlayIcon.png');
}
}
@media screen and (min-width:0px) and (max-width:600px) {
    .M_LogoLBL img{
    width:auto;

}

@media screen and (min-width: 600px)  {
        .mobile-break { display: none; }
}

.m-fastLinks {
width: 100% !important;
}
.M_Searchlbl{
    width:100% !important;

}
.M_LogoLBL{
    width:100% !important;

}
.M_breadCrmb ul{
    margin-top:0px ;
    text-align: center;
    width: 100%;
}
.M_breadCrmb ul li{
float:none !important;
padding: 3px 10px;
display: inline-block;
}
.M_breadCrmb ul li a{
    font-size:15px;

}

}
/***************************************************************very important about container **************************************************************************/

@media (min-width: 992px) {

  .container {
    width: 870px !important;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1010px!important;
  }
  /*.M_PRtDIV a img {
width: 100% !important;
height:100% !important;
 image-rendering: -moz-crisp-edges;
 image-rendering: optimizeSpeed; 
}*/
}
@media only screen and (min-width:0px) and (max-width:1050px){
 .M_PRtDIV a img {
width: 100% !important;
height:100% !important;
 image-rendering: -moz-crisp-edges;
 image-rendering: optimizeSpeed; 
}

}
/***************************************************************very important about container **************************************************************************/