.menu {
	right: 40px;
	position: absolute;
	top: 10px;
	font-size: 16px;
	font-weight: 400
}
.left_menu_main {
	height: 100%;
	position: relative;
	z-index: 1000;
	float: right;
	margin: 20px 0 0 0
}
#sidebar-wrapper.active {
	right: 270px;
	transition: all .4s ease 0s;
	width: 270px
}
#click_here_back {
	display: none
}
#click_here, #click_here_back, #trigger {
	display: none
}
#drop_menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: right;
	display: flex;
	justify-content: space-between;
	width: 85%
}
#drop_menu ul li {
	text-align: center;
	line-height: 36px;
	display: inline-block
}
#drop_menu ul li a {
	color: #666;
	text-align: left;
	font-size: 15px;
	line-height: 28px;
	font-weight: 700;
	padding: 25px 0;
	width: 87%;
}
#drop_menu ul li ul li a {
	padding: 5px 12px !important;
	border: 0
}
#drop_menu ul li a:hover {
	color: #097ae3
}
#drop_menu ul li ul {
	display: block
}
#drop_menu ul li.full-menu {
	position: relative
}
#drop_menu ul li.full-menu ul li {
	width: 100%
}
#drop_menu ul li.full-menu ul li .row {
	margin: 0;
	padding: 10px 0
}
#drop_menu ul li.full-menu ul li .col-md-6 {
	border-right: 1px solid #ccc
}
#drop_menu ul li.full-menu ul li .col-md-6:last-child {
	border-right: none
}
#drop_menu ul li.full-menu ul li ul {
	position: absolute;
	top: 0;
	height: auto;
	visibility: visible;
	border: none;
	left: 230px !important;
	width: 100% !important;
	padding: 0 !important;
	display: none
}
#drop_menu ul li.full-menu ul li ul li {
	text-align: left;
	display: block;
	line-height: 40px
}
#drop_menu ul li.full-menu ul li ul li h3 {
	margin: 0 0 10px;
	font-size: 18px;
	text-transform: none
}
#drop_menu ul li.full-menu ul li ul li a {
	border: none;
	width: 100%;
	padding: 0 10px;
	line-height: 28px;
	background: 0 0;
	color: #767171 !important;
	text-transform: none;
	border-bottom: 0
}
#drop_menu ul li.full-menu ul li ul li:last-child a {
	border-bottom: 0
}
#drop_menu ul li.full-menu ul li ul li a:hover {
	color: #343c75 !important;
	background: #fff !important
}
#drop_menu ul li ul li a i {
	float: right;
	line-height: 30px
}
#drop_menu ul li a .icofont-rounded-down {
	display: none
}
#drop_menu ul li .closeam {
	padding: 0
}
#drop_menu ul li .closeam i {
	display: block
}
.mobilearrow {
	display: none;
	width: 10px
}
#navbar .right {
	display: none
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
#drop_menu ul li ul li a{font-size: 13px;line-height: 20px;}
}

@media screen and (max-width: 400px) {
	.morph-button-fixed, .morph-button-fixed .morph-content {
		width: 200px;
		height: 80px
	}
	.morph-button-fixed > button {
		font-size: 75%
	}
	.morph-button-sidebar > button {
		font-size: 1.6em
	}
	.morph-button-inflow .morph-content .morph-clone {
		font-size: .9em
	}
	.morph-button-modal-4, .morph-button-modal-4 .morph-content {
		width: 220px;
		height: 120px
	}
	.morph-button-modal-4 > button {
		font-size: 100%;
		line-height: 50px
	}
	.morph-button-modal-4 > button span {
		display: block
	}
	.morph-button-modal-4 .morph-clone {
		right: 83px;
		bottom: 26px
	}
	.morph-button-sidebar, .morph-button-sidebar .morph-content {
		width: 100% !important;
		height: 60px !important
	}
	.morph-button-sidebar {
		bottom: 0;
		left: 0
	}
	.morph-button-sidebar.open .morph-content {
		height: 100% !important
	}
}
@media screen and (max-width: 770px) {
	.mockup-left {
		float: none;
		margin: 0 auto 20px
	}
	.joiner {
		display: block
	}
}
@media screen and (max-width: 400px) {
	.mockup-content > span:nth-last-child(2) {
		width: calc(100% - 210px)
	}
}
@media screen and (max-width: 25em) {
	.codrops-icon span {
		display: none
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#drop_menu ul li a {
		font-size: 15px;
		line-height: 30px
	}
	#drop_menu ul li a {
		font-size: 14px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.left_menu_main {
		background: #353f71;
		height: 100%;
		margin-right: -270px;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
		margin-top: 0
	}
	#click_here, #click_here_back, #trigger {
		background: rgba(0,0,0,0) url(../images/close2.png) no-repeat scroll right 20px center;
		color: #fefefe;
		cursor: pointer;
		width: 269px;
		display: block;
		position: relative;
		height: 70px
	}
	#drop_menu ul li {
		text-align: left;
		padding: 0 20px;
		border-bottom: 1px solid #666;
		line-height: 48px;
		display: block;
		transition: all .2s ease-in-out;
		clear: both;
	}
	#drop_menu ul li:hover {
		background: #1ba8db
	}
	#drop_menu ul li a {
		padding: 10px 15px;
		color: #fff
	}
	#drop_menu ul li a:hover {
		color: #fff
	}
	#drop_menu ul li.full-menu ul li .row {
		padding: 0
	}
	#drop_menu ul li.full-menu ul li .col-md-6 {
		padding: 0;
		border-right: none
	}
	#drop_menu ul li.full-menu ul li ul li:last-child a {
		border-bottom: 1px solid #ccc
	}
	#drop_menu ul li.full-menu ul li ul li a {
		color: #fff !important
	}
	#drop_menu ul li.full-menu ul li ul {
		position: relative;
		left: 0 !important
	}
	#drop_menu ul {
		display: block;
		width: 100%;
		justify-content: unset
	}
	#drop_menu ul li .closeam {
		padding: 0;
		position: absolute;
		right: 0;
		width: 40px;
		height: 48px;
		line-height: 48px;
		text-align: center
	}
	.mobilearrow {
		display: block
	}
	.desktoparrow {
		display: none
	}
	#drop_menu ul li ul li.active ,#drop_menu ul li ul li.active a ,#drop_menu ul li ul li:hover ,#drop_menu ul li ul li:hover a{background: #343c75;}	
	
	/* 25th nov */
	#drop_menu ul li ul{display: none; position: relative; top: 0; left: 0; visibility: visible; height: auto; border: none; border-radius: 0;}
#drop_menu ul li ul li{line-height: inherit;}
#drop_menu ul li ul li a{line-height: 38px; width: 100%; display: inline-block;}
#drop_menu ul li.full-menu ul li ul{display: none !important}
#drop_menu ul li ul.show{display: block}
#drop_menu ul li.full-menu ul li ul.showchild {display: block !important;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.left_menu_main {
		background: #353f71;
		height: 100%;
		margin-right: -270px;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
		margin-top: 0
	}
	#click_here, #click_here_back, #trigger {
		background: rgba(0,0,0,0) url(../images/close2.png) no-repeat scroll right 20px center;
		color: #fefefe;
		cursor: pointer;
		width: 269px;
		display: block;
		position: relative;
		height: 70px
	}
	#drop_menu ul li {
		text-align: left;
		padding: 0 20px;
		border-bottom: 1px solid #666;
		line-height: 48px;
		display: block;
		transition: all .2s ease-in-out;
		clear: both;
	}
	#drop_menu ul li:hover {
		background: #1ba8db
	}
	#drop_menu ul li a {
		padding: 10px 15px;
		color: #fff
	}
	#drop_menu ul li a:hover {
		color: #fff
	}
	#drop_menu ul li.full-menu ul li .row {
		padding: 0
	}
	#drop_menu ul li.full-menu ul li .col-md-6 {
		padding: 0;
		border-right: none
	}
	#drop_menu ul li.full-menu ul li ul li:last-child a {
		border-bottom: 1px solid #ccc
	}
	#drop_menu ul li.full-menu ul li ul li a {
		color: #fff !important
	}
	#drop_menu ul li.full-menu ul li ul {
		position: relative;
		left: 0 !important
	}
	#drop_menu ul {
		display: block;
		width: 100%;
		justify-content: unset
	}
	#drop_menu ul li .closeam {
		padding: 0;
		position: absolute;
		right: 0;
		width: 40px;
		height: 48px;
		line-height: 48px;
		text-align: center
	}
	.mobilearrow {
		display: block
	}
	.desktoparrow {
		display: none
	}
	#drop_menu ul li ul li.active ,#drop_menu ul li ul li.active a ,#drop_menu ul li ul li:hover ,#drop_menu ul li ul li:hover a{background: #343c75;}	
	
	/* 25th nov */
	#drop_menu ul li ul{display: none; position: relative; top: 0; left: 0; visibility: visible; height: auto; border: none; border-radius: 0;}
#drop_menu ul li ul li{line-height: inherit;}
#drop_menu ul li ul li a{line-height: 38px; width: 100%; display: inline-block;}
#drop_menu ul li.full-menu ul li ul{display: none !important}
#drop_menu ul li ul.show{display: block}
#drop_menu ul li.full-menu ul li ul.showchild {display: block !important;}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.left_menu_main {
		background: #353f71;
		height: 100%;
		margin-right: -270px;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
		margin-top: 0
	}
	#click_here, #click_here_back, #trigger {
		background: rgba(0,0,0,0) url(../images/close2.png) no-repeat scroll right 20px center;
		color: #fefefe;
		cursor: pointer;
		width: 269px;
		display: block;
		position: relative;
		height: 70px
	}
	#drop_menu ul li {
		text-align: left;
		padding: 0 20px;
		border-bottom: 1px solid #666;
		line-height: 48px;
		display: block;
		transition: all .2s ease-in-out;
		clear: both;
	}
	#drop_menu ul li:hover {
		background: #1ba8db
	}
	#drop_menu ul li a {
		padding: 10px 15px;
		color: #fff
	}
	#drop_menu ul li a:hover {
		color: #fff
	}
	#drop_menu ul li.full-menu ul li .row {
		padding: 0
	}
	#drop_menu ul li.full-menu ul li .col-md-6 {
		padding: 0;
		border-right: none
	}
	#drop_menu ul li.full-menu ul li ul li:last-child a {
		border-bottom: 1px solid #ccc
	}
	#drop_menu ul li.full-menu ul li ul li a {
		color: #fff !important
	}
	#drop_menu ul li.full-menu ul li ul {
		position: relative;
		left: 0 !important
	}
	#drop_menu ul {
		display: block;
		width: 100%;
		justify-content: unset
	}
	#drop_menu ul li .closeam {
		padding: 0;
		position: absolute;
		right: 0;
		width: 40px;
		height: 48px;
		line-height: 48px;
		text-align: center
	}
	.mobilearrow {
		display: block
	}
	.desktoparrow {
		display: none
	}
	#drop_menu ul li ul li.active ,#drop_menu ul li ul li.active a ,#drop_menu ul li ul li:hover ,#drop_menu ul li ul li:hover a{background: #343c75;}
	
	/* 25th nov */
	#drop_menu ul li ul{display: none; position: relative; top: 0; left: 0; visibility: visible; height: auto; border: none; border-radius: 0;}
#drop_menu ul li ul li{line-height: inherit;}
#drop_menu ul li ul li a{line-height: 38px; width: 100%; display: inline-block;}
#drop_menu ul li.full-menu ul li ul{display: none !important}
#drop_menu ul li ul.show{display: block}
#drop_menu ul li.full-menu ul li ul.showchild {display: block !important;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.left_menu_main {
		background: #353f71;
		height: 100%;
		margin-right: -270px;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
		margin-top: 0
	}
	#click_here, #click_here_back, #trigger {
		background: rgba(0,0,0,0) url(../images/close2.png) no-repeat scroll right 20px center;
		color: #fefefe;
		cursor: pointer;
		width: 269px;
		display: block;
		position: relative;
		height: 70px
	}
	#drop_menu ul li {
		text-align: left;
		padding: 0 20px;
		border-bottom: 1px solid #666;
		line-height: 48px;
		display: block;
		transition: all .2s ease-in-out;
		clear: both;
	}
	#drop_menu ul li:hover {
		background: #1ba8db
	}
	#drop_menu ul li a {
		padding: 10px 15px;
		color: #fff
	}
	#drop_menu ul li a:hover {
		color: #fff
	}
	#drop_menu ul li.full-menu ul li .row {
		padding: 0
	}
	#drop_menu ul li.full-menu ul li .col-md-6 {
		padding: 0;
		border-right: none
	}
	#drop_menu ul li.full-menu ul li ul li:last-child a {
		border-bottom: 1px solid #ccc
	}
	#drop_menu ul li.full-menu ul li ul li a {
		color: #fff !important
	}
	#drop_menu ul li.full-menu ul li ul {
		position: relative;
		left: 0 !important
	}
	#drop_menu ul {
		display: block;
		width: 100%;
		justify-content: unset
	}
	#drop_menu ul li .closeam {
		padding: 0;
		position: absolute;
		right: 0;
		width: 40px;
		height: 48px;
		line-height: 48px;
		text-align: center; z-index: 100; width: 48px !important;
	}
	.rightam{text-align: center; z-index: 100; width: 48px !important; padding: 0px !important; height: 100%;}
	.mobilearrow {
		display: block
	}
	.desktoparrow {
		display: none
	}
	#drop_menu ul li ul li.active ,#drop_menu ul li ul li.active a ,#drop_menu ul li ul li:hover ,#drop_menu ul li ul li:hover a{background: #343c75;     display: inline-block;} 

	/* 25th nov */
	#drop_menu ul li ul{display: none; position: relative; top: 0; left: 0; visibility: visible; height: auto; border: none; border-radius: 0;}
#drop_menu ul li ul li{line-height: inherit;}
#drop_menu ul li ul li a{line-height: 38px; width: 100%; display: inline-block;}
#drop_menu ul li.full-menu ul li ul{display: none !important}
#drop_menu ul li ul.show{display: block}
#drop_menu ul li.full-menu ul li ul.showchild {display: block !important;}
}