body{

	    font-family: 'robotoregular';

}

.same{
    border-bottom: 0px solid #fff!important; 
}
.mydesign{
    /* border-radius: 14px; */
    border: 1px solid #ddd;
    padding: 4px 10px;
}
.main-header li {

    display: inline-block;

    padding: 3px 0;

    background: #ececec;

    color: #303030;

    font-size: 14px;

    float: left;

    border-left: 4px solid #fff;

    cursor: pointer;

    width: auto;

    flex: 1;

    text-align: center;

}

.main-header li ul li {

    padding: 3px 31.1px;

}

.main-sub-header {

    display: none;

}

.main-header {

    margin-left: 0;

    padding-left: 0;

    position: relative;

    display: flex;

}

.main-header li:hover .main-sub-header,.click-active {

    display: block;

    position: absolute;

    left: 0;

    background: #00b5f2;

    margin-top: 3px;

    right: 0;

    z-index: 2;

    min-height: 26px;

}



/* .main-header li:active .main-sub-header,.click-active {

    display: block;

    position: absolute;

    left: 0;

    background: #00b5f2;

    margin-top: 3px;

    right: 0;

    z-index: 1;

    min-height: 26px;

}  */



.main-sub-header.active {

    display: block;

    position: absolute;

    left: 0;

    background: #00b5f2;

    margin-top: 3px;

    right: 0;

    z-index: 1;  

	min-height:26px;

} 







.main-header li:hover{

    background: #00b5f2;

}

.main-sub-header li {

    background: #00b5f2;

    border-left: 0;

    color: #fff;

}

.main-sub-header li a{

	color: #fff;

}

.main-header li:first-child {

    border: none;

}

.main-header li a {

    color: #303030;

}

.main-header li.active {

    background: #00b5f2;

}

.click-active{

	z-index: -1;

}

.HomeBannerUi{

	margin-top:0px; 

}

.top-navbar-right{

    padding: 0;

    margin: 10px 0;

    width: 82%;

    float: left;

}

.top-navbar-right li:first-child {

    border: none;

}

.top-navbar-right li {

    display: inline-block;

    padding: 0px 10px;

    /* border-left: 1px solid #434343; */

    color: #434343;
vertical-align:middle;
}
.top-navbar-right li:after{
    content: "";
    width: 1px;
    height: 15px;
    background: #434343;
    position: absolute;
    right: 0;
    top: 3px;
}
.searchbar-right{
    padding: 0;

    margin: 0;

    width: 18%;

    float: left;

}

.searchbar-right span {

    margin: 10px 0;

}

.searchbar-right div {

    display: inline-flex;

    float: left;

}

.go-btn {

    background: #02aade;

    border: none;

    padding: 3px 12px;

    color: #fff;

}

.world-clock{

    width: 45%;

    float: right;

}

.world-clock ul {

    padding: 0;

    float: right;

    margin: 0;

}

.world-clock ul li {

    display: inline-block;
border: none;
    position: inherit;

    padding: 0 3px;

}

/*.world-clock span {

    text-align: center;

    position: absolute;

    display: flex;

}*/

.world-clock p {

    text-align: center;

   font-size:12px;

}

.world-spc-clck{

    float: left;

    width: 80px;

    height: 60px;

    text-align: center;

    font-size: 10px;

    color: #464646;

}

.world-spc-clck img{

    margin: auto;

    display: block;

    height: 45px;

}

.pc-hide{

	display: none;

}

.main-sub-header li a {

    color: #fff;

}

.main-sub-header li.active a {

    color: #303030;

    cursor: default;

}

.main-header li:nth-child(3):hover > .main-sub-header li {

    position: relative;

    left: 15%;

}

.main-header li:nth-child(4):hover > .main-sub-header li {

    position: relative;

    left: 25%;

}

.main-header li:nth-child(5):hover > .main-sub-header li {

    position: relative;

    left: 43%;

}

.main-header li:nth-child(6):hover > .main-sub-header li ,.main-header li:nth-child(7):hover > .main-sub-header li {

    position: relative;

    left: 25%;

}

.main-header li:nth-child(3) > .main-sub-header.active li {

    position: relative;

    left: 15%;

}

.main-header li:nth-child(4) > .main-sub-header.active li {

    position: relative;

    left: 25%;

}

.main-header li:nth-child(5)> .main-sub-header.active li {

    position: relative;

    left: 43%;

}

.main-header li:nth-child(6)> .main-sub-header.active li ,.main-header li:nth-child(7) > .main-sub-header.active li {

    position: relative;

    left: 25%;

}

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

.main-header li{

    padding: 3px 0px;

    font-size: 12px;

}

.world-clock {

    width: 75%;

    float: right;

}

.get-quote-pnl {

    width: 75%;

}

.world-spc-clck{

	float: right;

}

}

@media screen and (max-width: 991px) and (min-width: 768px){
    /* .pc-hide {
        display: block;
    }
    .top-navbar-right {
        display: none;
    }
    .show-mobile-div {
        display: block;
        padding-bottom: 10px;
    } */

    .main-header {display: block;}

    .main-header li ul li {padding: 3px 22.1px;}

    .main-header li:nth-child(3) > .main-sub-header.active li, 

    .main-header li:nth-child(3):hover > .main-sub-header li,

    .main-header li:nth-child(6):hover > .main-sub-header li, 

    .main-header li:nth-child(6) > .main-sub-header.active li,

    .main-header li:nth-child(6):hover > .main-sub-header li, 

    .main-header li:nth-child(7):hover > .main-sub-header li {left: 0 !important;}

.top-navbar-right li {

    padding: 0px 7px;

    font-size: 12px;

}

.get-quote-pnl {

    width: 72%;

}

.world-clock {

    width: 75%;

    float: right;

}

.world-spc-clck{

	float: right;

}

.main-header li{

    padding: 3px 5px;

}

.searchbar-right,top-navbar-right{

    display: inline-flex;

}

.main-header li:nth-child(6):hover > .main-sub-header li,.main-header li:nth-child(6)> .main-sub-header.active li  {

    position: relative;

    left: 20%;

}

.main-header li:nth-child(7):hover > .main-sub-header li,.main-header li:nth-child(7) > .main-sub-header.active li {

    position: relative;

    left: 30%;

}

}

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

.top-navbar-right {

    width: 70%;

    display: none;

}

.logo-pnl img {

    margin: 10px 0;

}
.logo-pnl {
    margin-left: 15px;
}

.no-pad{

	padding: 0 !important;

}

.searchbar-right,.searchbar-right span{

	width: 100%;

}

.get-quote-pnl {

    width: 87%;

}

.get-quote-pnl input {

    width: 100%;

    /*padding: 2px 10px;*/

}

.main-header {

    display: none;

}

.world-clock {

    /* width: 100%;

    display: flex;

    justify-content: center; */

}

.world-spc-clck {

    width: 100px;

}

.pc-hide{

	display: block;

}

.mobile-nav{

    position: absolute;

    z-index: 1000;

    height: 100%;

    position: fixed;

    z-index: 20;

    top: 0;

    right: 0;

    background-color: #000;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 0;

    /*box-shadow: -23px 0 10px rgba(0,0,0,.4);*/

}

.mobile-nav a {

    padding:  0px;

    text-decoration: none;

    font-size: 15px;

    color: #fff;

    display: block;

    /*border-bottom: 1px solid #3c3636;*/

}

.close-btn {

    padding: 0px 15px !important;

    font-size: 27px !important;

}

.mobile-nav a.active {

    background: #bed731;

}

.mobile-nav a:nth-child(2) {

    /*border-top: 1px solid #17388c;*/

}

.menu-icon {

    position: absolute;

    right: 0;

    top: -110px;

}

.mobile-main-header{

	margin-left: 0;

	padding-left: 0;

}

.mobile-sub-header{

	display: none;

}

.mobile-nav li{

    padding: 5px 30px;

    text-decoration: none;

    font-size: 15px;

    color: #fff;

    display: block;

    position: relative;

    border-bottom: 1px solid #3c3636;

}

.mobile-main-header li.active {

    background: #bed731;

}

.mobile-sub-header.show-nav {

    display: block;

    padding-left: 25px;

    background: #454545;

    margin: 7px -30px 0px;

}

ul.mobile-sub-header li.active {

    background: #000;

}

.mobile-sub-header.show-nav li:before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 15px;

    height: 15px;

    background: url(../images/whitearrow.png) no-repeat;

    left: 3px;

    top: 10px;

    transform: rotate(90deg);

}

.mobile-sub-header.show-nav li{

	position: relative;

}

.mobile-main-header li img {

    float: right;

    position: absolute;

    right: 23px;

    top: 13px;

    transform: rotate(90deg);

    pointer-events: none;

}

.mobile-main-header li.active img {

    transform: rotate(180deg);

}

.mobile-main-header li.active a,.mobile-main-header li.active {

    color: #000;

}

.mobile-sub-header li a {

    color: #fff !important;

}

}

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

	.get-quote-pnl {

	    width: 92%;

	}

	.col-sm-2.col-xs-5.logo-pnl {

    	width: 20%;

	}

}

@media screen and (max-width: 575px) and (min-width: 481px){

	.get-quote-pnl {

	    width: 90%;

	}

	.col-sm-2.col-xs-5.logo-pnl {

    	width: 30%;

	}	

}

@media screen and (max-width: 480px) and (min-width: 360px){

	.col-sm-2.col-xs-5.logo-pnl {

	    width: 35%;

	}

}

@media screen and (max-width: 359px) and (min-width: 320px){

	.get-quote-pnl {

	    width: 85%;

	}

}

@media screen and (max-width: 329px) and (min-width: 320px){

    .world-clock ul li {

        padding: 0 2px;

    }

}