.gallery-box figure
{
	width:100%;
	float:left;
	overflow:hidden;
	height:168px;
}
.show {
    display: none !important;
}	.sidenav,
.closebtn {
  position: relative;
  top: -50px;
  right: -200px;
  width: 50px;
  color: #00f;
  z-index: 5;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999999999999999;
  top: 0;
  left: 0;
  background:#115f90;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav a,
.dropdown-btn {
  padding: 10px 10px 5px 20px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.error-tag .box-50
{
	width:15%;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 14px;
  }
}
a:active {
  color: #fff;
}

/* Add an active class to the active dropdown button */
.active {
  background: #227bb3;
  color: #fff;
}

.dropdown-container {
  display: none;
  background-image: #48a3dc !important;
  padding-left:20px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}
@media  screen and (max-width: 1200px)
{
.wrap-in{
			
width:100% !important;
float:left  !important;
		}
	nav.primary-navigation ul li
	{
		padding: 6px 13px !important;
	}
	.header-link-list li a.btn-x
	{
		padding: 4px 15px !important;
	}
	

}

@media  screen and (max-width: 768px)
{
	#header-top .block-50
	{
		width:98% !important;
		float:left;
		margin:0 1% !important;
	}
.block-70,.block-30,.col-3,.col-4,.col-2,.block-60,.sidebarx {
    width: 90% !important;
	float:left;
	margin:2% 5% !important;
}
	.course-box
{
	 width: 46% !important;
	float:left;
	margin:2% 2% !important;
}

	.compass,.footer-top-hover,.hide
		{
			display:none !important;
		}
.center-box {
    width: 39% !important;
    float: left;
    margin: 1% 2% !important;
    padding: 1% 3%;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
}
	.center-boxx {
    width: 79% !important;
    float: left;
    margin: 1% 7% !important;
    padding: 1% 3%;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
}
	.col-5 {
    width: 43% !important;
    float: left;
    margin: 1% 2% !important;
    padding: 1%;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
}
	.col-bar {
    border-right: 0px solid rgba(255, 255, 255, 0.25) !important;
    min-height: 160px;
		padding:0px !important;
}
	p
	{
		font-size:13px !important;
	}
	h2
	{
		font-size:21px !important;
	}
	h3
	{
		font-size:19px !important;
	}
	.course-but {
	font-size:10px;
	}
	.course-box .course-icon {
	height:40px;
	}
	.course-box .block h2 {
    font-size: 18px !important;
}
		.course-box .blockx h2 {
    font-size: 16px !important;
}
	.course-box .block h5 {
    font-size: 11px !important;
}
	.center-box h4 {
    font-size: 14px !important;
}
	.xinfo-box1
	{
		width:68% !important;
		padding:20px  1% !important;
		margin:1% 15% !important;
	}
	.xinfo-box 
	{
		padding:20px  1% !important;
	}
	.xinfo-box img,.xinfo-box1 img
	{
		height:70px !important;
	}
	.xinfo-box h3,.xinfo-box1 h3
	{
		font-size:13px !important;
	}
	.f-footer,.show {
    display: block !important;
}
	.footer-bottom .col-2,.footer-bottom .col-4
	{
		width:48% !important;
		margin:1% !important;
	}
	.footer-bottom .fx
	{
		width:98% !important;
		margin:1% !important;
	}
	.footer-bottom ul li a
	{
		font-size:12px;
	}
	.footer-bottom h3
	{
		font-size:16px;
		margin-top:30px;
	}
	.marx1
{
width:100% !important;
float:left !important;
	margin:0px !important;
	}
	.image-profile {
    width: 80% !important;
		margin: 3% 10% !important;
}
	.image-profile img{
    
		height:150px  !important;
		
}
#content h1 {
    font-size: 19px  !important;
	width:96% !important;
float:left !important;
	margin:30px 2% !important;
	text-align:center !important;
}
	.block-40,.block-50
	{
		width:100% !important;
	}
	.box-90
	{
		width:100% !important;
		margin:10px 0% !important
	}
	.course-block {
    width: 90% !important;
    float: left;
    margin: 20px 5% !important;
    border: 1px solid #e3e3e3;
    background: #f7f7f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    position: relative;
}
	.center-contact-box {
    width: 90% !important;
    float: left;
    border: 1px solid #e3e3e3;
    margin: 20px 5%;
}
	.gallery-box {
    width: 46% !important;
    float: left;
    margin: 1% 1% !important;
    padding: 0px 1% !important;
    border: 0px solid #e3e3e3 !important;
    text-align: center;
}
	.gallery-box h3 {
  font-size:12px;
}
		.gallery-boxx {
    width: 80% !important;
    float: left;
    margin: 30px 10% !important;
    padding: 15px 1% !important;
    border: 1px solid #e3e3e3 !important;
    text-align: center;
}
	a { user-select: none; 
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-focus-ring-color: rgba(255, 255, 255, 0);
	}
	.error-tag .box-50
{
	width:50% !important;
}
	.feat-box
	{
		width:33.333333%;
		float:left;
		padding:12px 0;
	}
	.feat-box i
	{
		font-size:23px;
		color:#fff;
		margin-bottom:5px;
	}
	.tahx
	{
		width:90% !important;
		margin:1% 5% !important;
	}
	.tahx .box-80
	{
		width:90% !important;
		margin:1% 5% !important;
	}
	.tahx .box-80 li
	{
		font-size:12px;
	}
	.form-box {
    width: 89% !important;
    float: left;
    padding: 1% 2%;
    margin: 2% 3% !important;
    border: 1px solid #e3e3e3;
	}
	.summary-box-in
	{
		width:96% !important;
	}
	.booking-block-1,.booking-block-2 {
    width: 90% !important;
    float: left;
    padding: 0 2%;
    margin: 1% 3% !important;
    border-right: 0px solid #e3e3e3 !important;
}
	.summary-box-in p
	{
		font-size:11px !important;
		    margin: 3px 0% !important;
	}
	#payment-block,#term-block,#btnx-block
	{
		width:88% !important;
		float:left;
		margin:1% 3% !important;
		padding:2% 3% !important;
	}
	#payment-block h4
	{
		font-size:14px !important;
	}
	.summary-box h4
{
	font-size:16px !important;
	}
	input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], textarea,select {
	
	font-size:12px !important;
}
	.filex + label {
    font-size: 12px !important;
	}
	.pre-view-box h5
	{
		font-size:9px;
	}
.grid
	{
		width:46% !important;
		margin:2% !important;
	}
	.grid h3
	{
		font-size:15px !important;
	}
}