@media (max-width:767px) 
{

	video { 
       width : 100%;
	   height : 100%;
	   padding-top: 0px!important;
	}

  
	.title-slider-large { 
		font-size: 12px!important; 
		line-height:14px;
		padding:0 12px;
	}

	.title-slider-small {
	   
		font-size: 10px!important; 
		line-height:12px;
		padding:0 10px;

	}
	
	.btn-slider { display:none; } 



	#MenuLeftColumn {
 
	  display: none;
	   
	}
	
	.portfolio img {
		width: 100%;
		height: 100%;
	}

	.list-inline {
		margin-left: -51px;
	}

	.logo-center {
		display:block;
		height:62px;
		background-image:url("../images/logo.png");
		background-position:center center;
		background-repeat: no-repeat;
		text-indent:-9999999px;
	}
	
	.link-read-more {
		display:block;
		opacity:1;
		margin-left: 0;
		margin-top:10px;
	}

	.sidebar { margin-top: 60px; }

	.sidebar-nav { margin-bottom: 60px; }

	.table-responsive {
		border:none;
		margin-bottom:20px;
	}
	
	.shop-cart table .product { white-space:normal; }
	
	.shop-cart table .product img {
		margin-right:0;
		margin-bottom:10px;
	}

	.shop-account-image {
		margin-bottom:-100px;
	}

	.video-wrapper { max-height:280px; }

	.max_height.xs_max_height .el_max_height { height: auto !important; }

	.xs-block { display:block; }
	.xs-mb10 { margin-bottom:10px !important; }

	.xs-pull-left { float:left !important; }

	.xs-pl0 { padding-left:0 !important; }
	.xs-pt0 { padding-top:0 !important; }

	.xs-mt0 {margin-top: 0 !important;}
	.xs-mb0 {margin-bottom: 0 !important;}

	.vertical-menu-wrapper { width:100%; }
	.vertical-menu-wrapper.left { left: -110%; }
	.vertical-menu-wrapper.right { right:-110%; }

	.vertical-menu-footer { width:100%; }
	.vertical-menu-wrapper.left .vertical-menu-footer { left:-110%; padding-left:0; }
	.vertical-menu-wrapper.right .vertical-menu-footer { right:-110%; padding-right:0; }

	.tp-caption .br-bottom:after,
	.tp-caption .br-bottom-center:after {
		border-top:none;
	}

	.tp-caption { padding:0 20px; }

	.page-nav-tabs {
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #ddd;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		padding: 8px 14px 6px;
	}
	.page-nav-tabs .nav-tabs > li {
		padding:4px 0;
	}

	.section-intro-2 { padding: 100px 0; }

	.xs-box { padding-bottom:30px !important; }
	.xs-box2 { padding-bottom:40px !important; }
	.xs-box3 { padding-bottom: 50px !important; }

	.section-testimonials .fa {
		right: 0; bottom: 0; top:auto;
	}

	.plan {
		margin-bottom:30px !important;
		margin-top:0 !important;
	}

	.author-post-social {
		margin-top:10px;
		float:left !important;
	}

	.search-form .pull-right {
		float:none !important;
	}

	.page-breadcrumbs-wrapper .pull-right,
	.portfolio-filter-wrapper .pull-right {
		float: left !important;
	}

	.sidebar-widget:last-child { margin-bottom: 10px; }

	.shop-checkout .form .forgot {
		display:block;
		margin-bottom: 15px;
	}

	.page-404 .text-404 {
		font-size:130px;
		margin-bottom:30px;
	}

	.page-404 .over-404 {
		position:relative;
		top:0;
		-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);
		width:100%;
	}

	.page-404 { padding:50px 0; }
	.title-404 {
		font-size: 36px;
		margin-bottom:30px;
		line-height:46px;
	}

	.form .forgot {
		display: block;
		margin: -20px 20px 25px;
	}

	.tab-content.vertical { padding:20px 5 }
	.nav-tabs > li {
		float:none;
		margin-bottom:0;
	}

	.nav-tabs > li > a {
		border-radius:0;
		border-top:none;
		border-left:2px solid #555557;
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		border-top:none;
		border-left:2px solid #555557;
	}

	#blog-posts .media, 
	#blog-posts .media-body {
		overflow: visible !important;
	}

	.media > .pull-left {
		display:none;
	}

	.media-heading > .user {
		display:block;
	}
	
	.media-heading .date {
		margin-left:0;
	}

	/* Menu on Mobiles */

	.header-wrapper { 
		background-color: #292c31;
		color: #dadde2;
	}
	
	.logo { background-image:url("../images/logo-light.png") !important; }

	.menu.xs-toggle {
		position:relative;
		top:0;
		margin-bottom: 0;
	}
	.menu > li {
		display: block;
		width: 100%;
	}
	.menu > li:last-child a {
		padding-bottom:35px;
	}
	/* Toggle Menu */
	.menu > .toggle-menu {
		display: block;
		float: right;
		width: 50px;
		height: 50px;
		position: relative;
		top: -60px;
		margin-bottom: -50px;
		cursor: pointer;
		color: #dadde2;
	}
	.menu > .toggle-menu.xs-toggle {
		float: none;
		width: 100%;
		position: relative;
		top: auto;
		margin-bottom: 0;
	}
	.toggle-menu .fa {
		margin: 14px 0;
		float: right;
		font-size: 24px;
	}
	.toggle-menu-title {
		color: #dadde2;
		font-size:13px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom:0;
		font-weight:400;
		float:left;
		margin-top:12px;
	}

	.menu > li > a {
		text-transform:uppercase;
		font-size:12px;
		color:inherit;
		display:block;
	}
	.menu > li > a, 
	.menu > .right > a {
		padding: 15px 25px;
	}
	.menu > li > a:hover,
	.menu > li > a:focus {
		color:rgb(181,67,33);
	}

	.submenu, 
	.submenu .submenu {
		width: 100% !important;
		left: 0;
		position: static !important;
		border: none; 
	}
	.submenu { border-top:none; }

	.megamenu {
		width: 100% !important;
		position: static;
		border-top: none !important;
		border-bottom:none;
		padding: 15px 0 0 30px;
		background-color:transparent;
	}

	.megamenu [class*="col-"] {
		float: none;
		display: block;
		width: 100% !important;
		margin-bottom:30px;
	}

	.megamenu .row,
	.megamenu .row:first-child  [class*="col-"]:first-child { margin-top: 0; }

	.menu > li > .submenu > li > a { padding-left: 40px !important; }
	.menu > li > .submenu > li > .submenu > li > a { padding-left: 62px !important; }
	.menu > li > .submenu > li > .submenu > li > .submenu > li > a { padding-left: 80px !important; }

	/* Topbar */
	.topbar .pull-right { 
		float:none !important; 
		margin-top: 20px; 
		margin-bottom:20px;
	}


    /* Menu on Mobiles end */




}  /* @media (max-width: 767px) end */


@media (min-width:768px) 
{
	a.logo {

		width:150px;
	}

	.portfolio img {
		width: 100%;
		height: auto;
	}

	.bg-img.fixed,
	.stellar { background-attachment: fixed; }

	.menu > li > a.first { padding-left:0 !important; }

	.header-wrapper .navbar-right { margin-right: 0 !important; }

	/* Menu Gray */
	.menu.menu-light .submenu,
	.menu.menu-light .megamenu {
		background-color: #ededee;
		color:#555557;
		box-shadow:0 2px 4px rgba(0,0,0,0.3);
	}

	/* Menu dark transparent */
	.menu.menu-dark-transparent .submenu,
	.menu.menu-dark-transparent .megamenu {
		background-color: rgba(41,44,49,0.9);
	}

	.section-fullheight { height:100%; }

	/* Caption overlay */
	.section-caption {
		position: absolute;
		top:50%; left:0;
		-webkit-transform:translateY(-50%); transform:translateY(-50%);
		width:100%;
	}

	.row.col-p5 { margin-left:-5px; margin-right:-5px; }
	.row.col-p5 [class*="col-"] { padding:0 5px; }

	.row.col-p10 { margin-left:-10px; margin-right:-10px; }
	.row.col-p10 [class*="col-"] { padding:0 10px; }

	.row.col-p15 { margin-left:-15px; margin-right:-15px; }
	.row.col-p15 [class*="col-"] { padding:0 15px; }

	.row.col-p20 { margin-left:-20px; margin-right:-20px; }
	.row.col-p20 [class*="col-"] { padding:0 20px; }

	.row.col-p30 { margin-left:-30px; margin-right:-30px; }
	.row.col-p30 [class*="col-"] { padding:0 30px; }

	.row .col-p0 { padding-left:0; padding-right:0; }

	/* Border box */
	.br-box {
		border-right:1px solid #99a2a2;
		padding-top:30px;
		padding-bottom:10px;
	}

	.br-box.last { border-right:none; }

	.space-right { padding-right: 25px; }
	.space-left { padding-left: 25px; }


}  /* (min-width:768px) end */

@media (min-width:768px) and (max-width:991px) 
{

	.logo {
		height:64px;
		background-position:center bottom;
	}

	.menu > .first > a { padding-left:0; }

	.megamenu.one_two { width: 100%; }
	.megamenu.two_three { width:100%; }
	.megamenu.three_four { width:100%; }


}  /* (min-width:768px) and (max-width:991px) end */


  /* problem  to fix here */
@media (max-width:991px) 
{

	 .video-wrapper { max-height:380px; }

	/* Box heights fix */
	.max_height.sm_max_height .el_max_height { height: auto !important; }

	.sm-pt0 { padding-top:0 !important; }

	.sm-m0 { margin:0 !important; }

	.sm-block { display:block !important; }

	.header-wrapper .navbar-right { float:none !important; }

	.top-menu-wrapper {
		position: absolute;
	}

    .btn-slider { display:none; } 

	.title-slider-large { font-size:28px; line-height:30px;}
	.tp-caption { padding:0 30px; }
	.section-intro { padding: 120px 0 110px; }
	.sm-box { padding-bottom:30px !important; }
	.sm-box2 { padding-bottom:40px !important; }
	.sm-box3 { padding-bottom: 50px !important; }
	.link-read-more {
		opacity:1;
		margin-left:15px;
	}

	.owl-carousel.sm-owl-cursor:before {
		content:"";
		position: absolute;
		top:5px; left:15px;
		width:32px; height:32px;
		background: url("../images/cursor_move.png") right top no-repeat;
		z-index:999;
	}
	.sm-cursor {
		width:32px; height:32px;
		background: url("../images/cursor_move.png") right top no-repeat;
	}

	.stats-content .fa {
		position: absolute;
		bottom: auto;
		top: 40px;
		right: 20px;
		opacity: 0.1;
	}

	.sidebar-blog-post { margin-top:60px; }
	.page-sidebars { margin-bottom: 50px; padding:0;}

	#owl-shop .owl-buttons div {
		opacity:0.9;
	}

	.sign-in-area { margin-top:40px; }
	.page-sign-in .info-area { padding: 0 0 60px; }
	.contact-map-wrapper {
		top:auto;
		margin-bottom:0;
		padding:0;
	}
	.contact-map-wrapper.form { padding:0; }

} 


@media (min-width:992px) 
{
    
	video { 
		width : 100%;
		height : 100%;
		padding-top:150px;
	 }
 
	.menu-fixed,
	.main-header {
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}

	/* Fixed Header */
	.menu-fixed .main-header {
		z-index: 9999; 
		width:100%; 
		left:0;
		background-color:rgba(250,250,250,0.9);
		box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.header-dark .menu-fixed .main-header { background-color: rgba(41,44,49,0.95); }


	.menu-fixed .menu > li > a { padding: 20px 20px 20px 20px; }

	.menu-fixed .megamenu,
	.menu-fixed .submenu { top:66px; }

	.menu-fixed .logo { height:66px; }


	/* Transparent Menu */
	.header-transparent.sticky-top #undefined-sticky-wrapper {  height:auto !important; }

	.header-transparent .main-header {
		position:fixed;
		z-index:9999;
		width:100%;
		left:0;
		top:0;
		background-color:transparent;
		-webkit-backface-visibility:hidden;
	}


	.header-transparent .logo { background-image:url("../images/logo-light.png"); }

	.header-transparent .menu > li > a {
		color:#eaecf1;
		opacity:0.9;
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.header-transparent .menu > li > a:hover,
	.header-transparent .menu > li > a:focus,
	.header-transparent .menu > li:hover > a {
		color:rgb(181,67,33);
		-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
	}

	.header-transparent .menu-fixed .main-header,
	.header-transparent.with-topbar .menu-fixed .main-header { 
		background-color:rgba(250,250,250,0.95); 
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.header-transparent .menu-fixed .menu > li > a { 
		color: #667; 
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.header-transparent .menu-fixed .logo { background-image:url("../images/logo.png"); }
	.static-menu.header-transparent .main-header {
		position:absolute;
		top:76px;
		margin-top:-76px;
	}

	.header-transparent.with-topbar .main-header { 
		position:relative;  
		background-color: rgba(255,255,255,0.1); 
	}

	/* Navigation menu over intro section */
	.h-wrapper {
		position: absolute;
		left:0;
		right:0;
		top:0;
		z-index:99999;
	}
	.push-top {
		margin-top:46px;
	}

}  /* (min-width:992px) end */


@media (min-width: 992px) and (max-width: 1199px) 
{
	.megamenu.one_two { width: 70%; }
	.megamenu.two_three { width:100%; }
	.megamenu.three_four { width:100%; }
	.portfolio .col-md-4 {
		width:33.3%;
	}
	 

} /* (min-width: 992px) and (max-width: 1199px) end */

@media (min-width:1400px) 
{

	.video-wrapper { max-height:550px; }

} /* (min-width:1400px) end */


/* good END */