/*
TABLE OF CONTENTS
*****************************************************************************************
1.Extra Large Devices  ( max-width: 1600px )
2.Large Devices, Wide Screens ( max-width: 1200px )
3.Medium Devices, Desktops ( max-width: 992px )
4.Small Devices, Tablets ( max-width: 768px )
5.Medium Extra Small Devices, Phones ( max-width:480px )
6.Extra Small Devices, Phones ( max-width:320px )
7.Smallest devices ( max-width:280px )
*****************************************************************************************
*/
/*
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 	

	.resposive_logo.retina, .resposive_sticky_logo.retina{
		width:100%;
	}	
	
}

@media screen and (max-width: 768px) and (min-width: 481px) {
	
	.container{
		width:calc(100% - 100px) !important;
		margin:auto !important
	}
	
	header .logo{ padding-left:35px }
	.header-five-a .logo{ padding-left:35px }
	
	header .hamburger{ padding-right:35px }
	
	header.one_page_head .logo{ padding-left:50px }
	header.one_page_head .hamburger{ padding-right:50px }	
	
	body.short_responsive_menu header .menu-wrap {
		right: 50px;
	}	
	body.short_responsive_menu header.one_page_head .menu-wrap{
		right: 65px;
	}
	
	.boxed-layout.is-blog-page.without-container #page-body, 
	.boxed-layout.is-blog-page.with-container-blog #page-body, 
	.boxed-layout.is-blog-page-single.without-container-single #page-body {
		padding-right: 35px;
		padding-left: 35px;
	}
	
}

@media screen and (max-width: 992px) and (min-width: 769px) {
	
	.container{
		width:calc(100% - 150px) !important;
		margin:auto !important
	}

	header .logo{ padding-left:60px }
	.header-five-a .logo{ padding-left:60px }
	header .hamburger{ padding-right:60px }
	
	header.one_page_head .logo{ padding-left:75px }
	header.one_page_head .hamburger{ padding-right:75px }
	
	body.short_responsive_menu header .menu-wrap {
		right: 75px;
	}
	body.short_responsive_menu header.one_page_head .menu-wrap{
		right: 90px;
	}
	
	.boxed-layout.is-blog-page.without-container #page-body, 
	.boxed-layout.is-blog-page.with-container-blog #page-body, 
	.boxed-layout.is-blog-page-single.without-container-single #page-body {
		padding-right: 60px;
		padding-left: 60px;
	}
	
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
	
	.container{
		width:calc(100% - 200px) !important;
		margin:auto !important
	}
	
	header .logo{ padding-left:85px }
	.header-five-a .logo{ padding-left:85px }
	header .hamburger{ padding-right:85px }
	
	header.one_page_head .logo{ padding-left:100px }
	header.one_page_head .hamburger{ padding-right:100px }
	
	body.short_responsive_menu header .menu-wrap{
		right: 100px;
	}	
	
	body.short_responsive_menu header.one_page_head .menu-wrap{
		right: 115px;
	}
	
	.boxed-layout.is-blog-page.without-container #page-body, 
	.boxed-layout.is-blog-page.with-container-blog #page-body, 
	.boxed-layout.is-blog-page-single.without-container-single #page-body {
		padding-right: 85px;
		padding-left: 85px;
	}	
	
}



/*
1.Extra Large Devices  ( max-width: 1600px )
================================================================================================================================
*/
@media (max-width: 1600px) {
	
}

/*
2.Large Devices, Wide Screens ( max-width: 1200px )
================================================================================================================================
*/
@media (max-width: 1200px) {
	
	/* logo */
	.resposive_logo{
		display:block
	}
	.logo a .resposive_logo.retina, 
	.logo a .resposive_sticky_logo.retina{
		width:50%;
	}	
	.desktop_logo{
		display:none;		
	}
	
	.resposive_sticky_active .resposive_logo{
		display:none;
	}
	.resposive_sticky_active .resposive_sticky_logo{
		display:block
	}
	
	.header-wrapper.container{
		width:100% !important;
		margin:auto !important;
		box-sizing:border-box
	}
	.is-search-page .container.nopadding {
		padding-left:15px !important;
		padding-right:15px !important
	}
	.header-wrapper{
		position:relative;
	}
	.top_responsive_menu header .hamburger.is-active { padding-right:0 !important }
	
	/* default values*/
	.home header .header-main-wrapper, 
	.home header .header-wrapper, 
	.home.header-wrap-vertical .header-wrapper, 
	.home.header-overlay .header-wrapper {
		background: #ffc200
	}
	#side_responsive_menu, 
	.short_responsive_menu .main_menu,  
	.overlay-menu .menu .main_menu {
		background-color: #000;
	}
	.home header .header-wrapper.resposive_sticky_active, 
	.not-home header .header-wrapper.resposive_sticky_active {
		background: #ff4741;
	}
	.no-breadcrumb.not-home header{
		padding-bottom:50px !important
	}
	nav.menu > ul > li:hover > a, 
	nav.menu > ul > li.current-menu-item > a{
		color:unset !important;
	}
	
	.menu .menu-item-search{
		position:static;
		top:auto
	}
	.menu .menu-show-search{
		top:auto;
		position:relative;
		top: 0;
	}
	.header-wrap-vertical .menu .menu-show-search,
	.header-eleven .menu .menu-show-search{
		right: auto;
		left: auto;
		top: auto;		
	}	
	.header-eleven .menu .menu-show-search input{
		
	}
	
	body header div.logo a,
	body.header-eleven .logo a,
	body.header-one .logo a, 
	body.header-one-a .logo a, 
	body.header-two .logo a, 
	body.header-two-a .logo a, 
	body.header-three .logo a, 
	body.header-four .logo a, 
	body.header-five .logo a, 
	body.header-five-a .logo a, 
	body.header-seven .logo a, 
	body.header-eight .logo a, 
	body.header-nine .logo a, 
	body.header-ten .logo a, 
	body.header-eleven .logo a{
		margin-left:0;
		margin-right:0
	}	
	nav.menu li,nav.menu a,nav.menu li:hover,nav.menu a:hover{
		background:none !important;
		background-color:none !important;
	}
	.wow-menu-shortcode{
		display:none
	}
	.menu .description{
		font-size:12px;
		margin-top:0px;
		line-height:1.5em	
	}
	.overlay-menu span.description{
		display:block;
	}
	.boxed-layout .content-wrapper{
		margin-left: 0;
		margin-right: 0;	
	}
	.boxed-layout .container{
		padding-left: 15px;
		padding-right: 15px;	
	}
	.boxed-layout .container-inner{
		margin-left: 0;
		margin-right: 0;	
	}
	.boxed-layout #wrap{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	body header{
		margin-top:0
	}
	.boxed-layout header{
		margin-left: 0;
		 margin-right: 0;		
	}
	.menu > ul > li > a {
		padding-top:11px !important;
		padding-bottom:11px !important
	}
	.menu ul > li > ul.wow-megamenu > li > ul{
		margin-top:0;
	}
	.menu ul > li > .wow-megamenu{
		padding:0 !important;
	}
	.menu ul li sup{
		position:static
	}
	body.header-wrap-horizontal header {
		padding-bottom: 0;
	}
	.header-wrap-horizontal .menu > ul > li:not(.has_width) > ul,
	.header-wrap-horizontal .header-wrapper.full-width .wow-megamenu,
	.overlay-menu .menu>ul>li:hover>ul.wow-megamenu
	
	{
		margin-left:0;
		padding-left:0
	}	
	.overlay-menu .menu>ul>li:hover>ul.wow-megamenu
	.header-wrap-horizontal .menu > ul > li:not(.has_width) > ul,
	.header-wrap-horizontal .header-wrapper.full-width .wow-megamenu,
	#side_responsive_menu .menu>ul>li>ul.wow-megamenu{
		
	}
	.header-wrap-horizontal .menu-highlight > ul > li:hover > a, 
	.header-wrap-horizontal .menu-highlight > ul > li.current-menu-item > a, 
	.header-wrap-horizontal .menu.menu-zig-zag .main_menu > li:hover > a:before, 
	.header-wrap-horizontal .menu.menu-zig-zag .main_menu > li.current-menu-item > a:after {
		background-color: transparent !important;
	}
	.menu > ul > li > ul > li a{
		color:#fff
	}
	body .menu ul li:hover ul li a{
		color:#fff
	}
	body .menu > ul > li > a{
		color:#fff
	}
	.header-wrap-vertical .wow-megamenu{
		width:auto
	}
	.header-wrap-vertical header{
		background:#ffc200
	}
	.container-inner {
		margin-left: 0;
		margin-right: 0;
	}
	body .header-wrapper .menu-wrap{
		padding-top:0;
		padding-bottom:0;
	}
	.header-wrapper.resposive_sticky_active{
		z-index:100000;
	}
	.not-home .header-main-wrapper, .not-home .header-wrapper{
		background:none
	}
	.header-top-bar-bg{
		display:none
	}
	.header-under header{
		display:none;
	}
	header.for_mobile{
		display:block;
	}
	
	body.header-wrap-horizontal header{
		padding-top:50px;
	}
	 body.header-wrap-vertical header{
		padding-top:50px;
	 }
	body.header-wrap-horizontal.home header{
		padding-top:0px;
	}
	 body.header-wrap-vertical.home header{
		padding-top:0px;
	 }
	 
	 header .sticky{
		box-sizing:content-box; 
	 }
	 
	.header-on header.top_responsive_menu{

	}
	.home.header-default header, .home.header-under header{
		padding-top:0;
	}
	.home .header-wrapper{
		padding-top:15px;
		padding-bottom:15px;
	}
	.not-home .header-main-wrapper, .not-home .header-wrapper{
		background-color:transparent;
	}
	.vertical-header.not-home .header_breadcrumb{
		background:transparent;
	}
	.header-wrap-vertical .header-inner .header_breadcrumb{
		display:block;
	}
	.header-wrap-vertical #wrap > .header_breadcrumb{
		display:none;
	}		
	.header-disabled.header-wrap-vertical #wrap > .header_breadcrumb{
		display:block;
	}	
	.header-wrap-vertical.header-on header{
		background:none;
	}
	.header-wrap-vertical header .header-wrapper{
		padding-left: 15px;
		padding-right: 15px;
		width: calc(100% - 30px);		
	}
	.header-wrap-vertical header .header-wrapper.resposive_sticky_active{
		width:100%;
	}
	.header-wrap-vertical header .menu ul ul li{
		border-bottom:none;
	}	
	.header-wrap-vertical .menu ul > li > ul{
		padding-left:0
	}		
	.header-wrap-vertical.side_responsive_menu .menu ul > li > ul{
		padding-left:20px
	}			
	.header-wrap-vertical .menu ul > li > ul > li > ul{
		padding-left:20px
	}
	.menu ul li a{
		display:block
	}
	.header-wrap-horizontal .menu ul ul.wow-megamenu li:last-child{
		border-bottom:none;
	}
	body.header-wrap-horizontal header div.logo a,body.header-wrap-vertical header div.logo a{
		margin-top:0;
		margin-bottom:0;
	}
	.header-wrap-horizontal .menu > ul > li > ul{
		margin-left:0;
	}
	
	/* logo position */
	.header-one-a .logo a, .header-two-a .logo a, .header-four .logo a{
		float:left
	}
	.header-three .logo{
		float:none;
	}
	.header-four .logo{
		width:auto;
		display: table-cell;
	}
	.header-four .logo a{
		display:block
	}
	.header-five .logo{
		float:none;
	}
	
	.header-five-a .menu-wrap-left{
		display:none;
	}
	.header-five-a .logo{
		width:auto;
	}
	.header-five-a .logo a{
		float:left;
	}
	.header-five-a .left_menu_item{
		display:block
	}
	.header-five-a .menu-wrap-right{
		width:auto;
	}
	body header div.logo a, body.header-five-a header .logo a, body.header-three .logo a, body.header-four .logo a, body.header-five .logo a,body.header-overlay .logo a{
		margin-top: 0;
		margin-bottom: 0;
	}
	/* overlay */
	.overlay-menu{
		visibility: visible;
		opacity: 1;
		left:auto
	}

	.overlay-menu .menu ul > li > ul > li > ul{
		padding-left:20px !important
	}
	.overlay-menu .menu ul li ul, .overlay-menu .menu ul > li:hover > ul, .overlay-menu .menu ul > li:hover > ul > li:hover > ul{
		position: static;
	}
	.overlay-menu .menu>ul>li>ul{
		padding-left:0
	}	
	.overlay-menu .menu ul > li:hover > ul{
		padding-left:0
	}
	.header-overlay .logo{
		position: static;
		display: table-cell;
		vertical-align: middle;		
	}
	.not-home.header-overlay header{
		padding-top:50px;
	}
	.not-home.header-overlay header.header_show{
		padding-top:50px;
	}
	.header-overlay .logo a{
		position:relative;
	}
	.header-overlay .header-wrapper{
		padding-left: 15px;
		padding-right: 15px;
		width: calc(100% - 30px);
	}
	.header-overlay #trigger-overlay-menu, .overlay-menu svg{
		display:none
	}
	.header-overlay .overlay-menu{
		display: table-cell;
		vertical-align: middle;	
		position: static;
		width:auto;
		height:auto;
	}
	body.header-overlay .menu ul > li > ul > li > a{
		color:#fff
	}
	.header-overlay nav.menu ul > li > a {
		padding-top: 11px;
		padding-bottom: 11px;
	}
	.short_responsive_menu .header-overlay  .overlay-menu{
		opacity: 1;
		visibility: visible;
	}

	.overlay-menu nav{
		-webkit-transform: none;
		transform: none;
		width:auto;
	}
	.overlay-menu .menu_dropdown_arrow, .overlay-menu .menu_dropdown_arrow2{
		left:unset;
		margin-left:unset;
	}
	.overlay-menu .menu>ul>li>a{
		text-align:left;
	}
	.overlay-menu .menu ul li a::before, 
	.overlay-menu .menu ul li a::after, 
	.overlay-menu .menu ul li a:hover::before, 
	.overlay-menu .menu ul li a:hover::after, 
	.overlay-menu .menu ul li a:focus::before, 
	.overlay-menu .menu ul li a:focus::after,
	.side_responsive_menu_wrap .menu ul li a::before, 
	.side_responsive_menu_wrap .menu ul li a::after, 
	.side_responsive_menu_wrap .menu ul li a:hover::before, 
	.side_responsive_menu_wrap .menu ul li a:hover::after, 
	.side_responsive_menu_wrap .menu ul li a:focus::before, 
	.side_responsive_menu_wrap .menu ul li a:focus::after,
	.overlay-menu nav.menu ul > li > a:hover::before,
	.overlay-menu nav.menu ul > li > a:hover::after, 
	nav.menu ul ul.show_submenu li a:hover::before, 
	nav.menu ul ul.show_submenu li a:hover::after{
		 content:none; 
	}
	
	body nav.menu > ul > li.woocommerce.menu-item-cart > a::before{
		content:"\ea70";
	}
	 
	.header-wrap-vertical .menu ul li.menu-item-cart>a.cart-contents span{
		top:9px;
		left: 33px;
	}
	.header-overlay .menu ul li.menu-item-cart>a.cart-contents span{
		margin-left:0;
		top:9px;
	}
	header .overlay-menu{
		background:none;
	}
	.overlay-menu ul{
		position:static;
	}
	.overlay-menu .menu ul > li > ul.show_submenu, .overlay-menu .menu ul > li > ul.show_submenu > li > ul.show_submenu{
		max-height: unset;
		max-width: unset;		
	}
	.overlay-menu .menu ul li ul, .overlay-menu .menu ul > li:hover > ul, .overlay-menu .menu ul > li:hover > ul > li:hover > ul{
		max-height: unset;
	}
	.overlay-menu .menu_dropdown_arrow, .overlay-menu .menu_dropdown_arrow2 {
   -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
	
	body header div.logo a,body .header-five-a header .logo a,body .header-four .logo{
		margin-top:0;
	}	
	body .one_page_head.side_panel .wow-full-page{
		padding-left:0;
		padding-top:0;
		padding-right:0;
		padding-bottom:0;
		max-width:300px;
	}
	.short_responsive_menu  .one_page_head.overlay_panel .main_menu{
		width:auto;
		min-width:unset;
	}
	header.one_page_head.side_panel .overlay-menu .main_menu{
		width: 100%;
	}
	body .header_breadcrumb_inner{
		padding: 50px 0;
	}
	/* responsive menu */
	
	.menu-toggle {
		display: table-cell;
		vertical-align: middle;
		position: relative;
		z-index: 1000;
	}
	/*
	.main_menu{
		 position: absolute;
		top: -9999px;
		right: -9999px;
		height: 0;
		opacity: 0;
		visibility:hidden;
	}	
	*/
	.menu-wrap{
		-webkit-transition: all 0.3s linear , background 0s;
		-moz-transition: all 0.3s linear , background 0s;
		-o-transition: all 0.3s linear , background 0s;
		transition: all 0.3s linear , background 0s;
		z-index:100;
	}
	.menu{
		position: relative;
		overflow: hidden;
	}
	nav.menu ul{
		box-sizing: border-box;
	}
	body.header-two .menu>ul>li, body.header-two-a .menu>ul>li{
		border-left:none;
		border-right:none;
	}
	.menu-wrap nav.menu ul li, .side_responsive_menu_wrap nav.menu ul li{
		width: 100%;
		padding: 0;
	}
	
	.menu-wrap nav.menu > ul > li, .side_responsive_menu_wrap nav.menu > ul > li{
		border-bottom:1px solid #2a2a2a;
	}
	
	nav.menu ul li:last-child{
		border-bottom:none
	}
	nav.menu ul li a, body.header-wrap-vertical .menu > ul > li > a{
		font-size:17px !important;
		line-height:1.7em;
		text-transform:none;
		font-weight:400;
		text-align:left;
		z-index:100;
	}
	
	#side_responsive_menu ul.main_menu > li > a{
		padding-left:20px;
	}
	
	body nav.menu ul li ul a{
		font-size:14px !important;
		font-weight:300 !important
	}
	/*
	body nav.menu ul > li > ul li.menu-item-has-children > a{
		font-size: 17px !important;
		line-height: 1.7em;
		text-transform: none;
		font-weight: 400 !important;		
	}
	*/
	nav.menu .menu_dropdown_arrow, nav.menu .menu_dropdown_arrow2{
		display:block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width:40px;
	}
	nav.menu .menu_dropdown_arrow::before, nav.menu .menu_dropdown_arrow2::before{
		font-family: 'directional' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		content:"\eb73";
		padding: 1px;
		font-size: 12px;
		position: absolute;
		top: calc(50% - 7px);
		right:calc(50% - 7px);

		    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	}
	nav.menu .menu_dropdown_arrow.minus::before, nav.menu .menu_dropdown_arrow2.minus::before{
		content: "\eb79";
	}
	
	nav.menu .menu_dropdown_arrow.reverse_icon::before, nav.menu .menu_dropdown_arrow2.reverse_icon::before{
    transform: rotate( 180deg );            
    transition: transform 350ms ease, background 0s;
	}
	.header-wrapper .menu-wrap .menu > ul > li{
		border-left:none;
		border-right:none;
	}

	nav.menu .sub-menu,.menu ul ul.wow-megamenu ul {
		opacity:0;
		visibility:hidden;
		position: static;
		background:none;
		
		-webkit-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	

	
	nav.menu ul > li > ul.show_submenu, nav.menu ul > li > ul.show_submenu > li{
		opacity:1;
		visibility:visible;
		-webkit-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;	
	
	}
	
	nav.menu ul > li > a:hover, nav.menu ul ul.show_submenu li a:hover{
		background-color:transparent !important;
		color:#ffc200  !important
	}
	nav.menu ul > li:hover , nav.menu ul ul.show_submenu li:hover,nav.menu ul > li.current-menu-item{
		background-color:transparent !important;
		color:#ffc200 !important
	}
	nav.menu ul ul li a {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}
	nav.menu .show_submenu ul ul{
		background:none;
	}
	.show_submenu ul a{
		color: #ffffff;
	}
	.menu ul > li > ul{
		padding-left:20px;
		box-sizing: border-box;
	}
	.menu ul > li > ul > li > ul{
		padding-left:20px;
		box-sizing: border-box;
	}
	.menu>ul>li:hover>ul.wow-megamenu,.menu>ul>li>ul.wow-megamenu{
		padding:0;
		margin-left: 0
	}
	ul.wow-megamenu > li.menu-item-has-children > a.wow-menu-title:before{
		content:none;
	}
	div:not(.overlay-menu) > nav.menu > ul.main_menu > li > ul.wow-megamenu > li.menu-item-has-children > a.wow-menu-title:before{
		content:none;
	}
	
	/* menu positions*/
	
	/* top */
	
	.top_responsive_menu{
		overflow-x:hidden;
	}
	.top_responsive_menu.header-on header{
		padding-top:0;
	}
	.top_responsive_menu.header-on header.header_show{
		top:0;
	}

	.top_responsive_menu .header-wrapper, .header-overlay .top_responsive_menu .header-wrapper{
		position:static;
	}
	.top_responsive_menu .main_menu{
		position:static;
	}
	.top_responsive_menu  .logo, .top_responsive_menu .header-wrapper > .menu-toggle{
		transform: translateX(0);
		-webkit-transition: all 0.3s linear ;
		-moz-transition: all 0.3s linear ;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear ;
	}
	.top_responsive_menu .header_show .logo{
		transform: translateX(-120%);
		-webkit-transition: all 0.4s linear;
		-moz-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear ;
	}
	.top_responsive_menu .header_show .header-wrapper > .menu-toggle{
		transform: translateX(120%);
		-webkit-transition: all 0.4s linear;
		-moz-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear ;
	}
	.top_responsive_menu .menu-wrap{
		transform: translateY(-140%);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transition: all 0.3s linear , top 0s, left 0s, background-position 0s;
		-moz-transition: all 0.3s linear , top 0s, left 0s, background-position 0s;
		-o-transition: all 0.3s linear , top 0s, left 0s, background-position 0s;
		transition: all 0.3s linear , top 0s, left 0s, background-position 0s;
		z-index:100000;
	}
	.top_responsive_menu .header_show .menu-wrap{
		transform: translateY(0%);
	}
	.top_responsive_menu .header-overlay  .menu-wrap{
		opacity:1;
		visibility:visible;
	}
	.top_responsive_menu nav.menu,.header-five-a .menu-wrap-right nav{
		display: table;
		margin: auto;
		float:none;
		padding: 0;
		max-width:300px;
		min-width: 220px
	}
	.top_responsive_menu .menu.menu-zig-zag{
		margin:auto !important
	}
	.top_responsive_menu .overlay-menu .menu{
		width:auto;
		top:auto;
	}
	.top_responsive_menu .menu .menu-toggle{
		float: right;
		z-index: 1000;
		margin-top: 10px;
		display: block;
		clear: both;
		margin-right: 0;
		padding-bottom: 20px;
	}		
	.not-full-abs-bg.top_responsive_menu .menu .menu-toggle{
		right:15px
	}	

	.top_responsive_menu .menu-wrap .menu > ul{
		display:block;
		height: auto;
		opacity: 1;
		-webkit-transition: all 0.3s linear , top 0s, left 0s;
		-moz-transition: all 0.3s linear , top 0s, left 0s;
		-o-transition: all 0.3s linear , top 0s, left 0s;
		transition: all 0.3s linear , top 0s, left 0s;
		background: none;
		float: left;
		clear: both;
		width: 100%;
		visibility:visible;	
	}
	.top_responsive_menu .menu-wrap .menu > ul > li{
		margin-left: 0px;
		margin-right: 0px;		
	}
	.top_responsive_menu .menu ul li{
		float:none;
	}
	.top_responsive_menu .menu-show-search{
		margin-bottom:20px
	}
	.header-wrap-vertical.side_responsive_menu .menu > ul > li a,
	.header-overlay.side_responsive_menu .menu > ul > li a{
		padding-left:0;
		padding-right:0;
	}
	.header-overlay.side_responsive_menu .menu > ul > li.has_megamenu > ul{
		padding-left:20px !important;	
	}
	.header-wrap-vertical.side_responsive_menu .menu > ul > li.has_megamenu > ul > li > a{
		padding-left:20px;
		padding-right:20px;		
	}
	
	.top_responsive_menu .menu > ul > li a{
		padding-left:20px;
		padding-right:20px;
	}
	.top_responsive_menu .menu ul li a{
		text-align:left;
	}	

	
	/* short */
	.short_responsive_menu #wrap{
		overflow:hidden;
		position:relative;
	}
	.short_responsive_menu.header-on header{
		padding-top:0;
	}
	.short_responsive_menu header .menu-wrap{
		position: absolute;
		top: calc(50% + 14px);
		right: 15px;
		opacity: 0;
		visibility: hidden;
		transform: translateX(100%);
		max-width:300px;
	}
	.short_responsive_menu .menu > ul > li:not(.has_width) > ul{
		padding-left:0
	}
	.short_responsive_menu header.header_show .menu-wrap{
		opacity: 1;
		visibility: visible;
		transform: translateX(0px);
	}
	.short_responsive_menu .menu{
		position:static;
	}
	.short_responsive_menu .menu a{
		text-align:left;
	}
	.short_responsive_menu .main_menu{
		top: 29px;
		right: 0;
		height: auto;
		opacity: 1;
		visibility:visible;
		background: #121212;
		z-index: 1000;
		min-width: auto;
		padding:0;
	}
	.short_responsive_menu nav.menu ul{
		min-width:200px;
	}	
	.short_responsive_menu .menu > ul > li a{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.short_responsive_menu .resposive_sticky_active .main_menu{
		
	}
	.short_responsive_menu .menu-wrap .menu > ul > li{
		margin-left: 0px;
		margin-right: 0px;		
	}
	.short_responsive_menu .menu ul li{
		float:none
	}	
	.header-five-a .short_responsive_menu .main_menu{
		top:39px;
	}
	
	.header-five-a.short_responsive_menu header .menu-wrap-right {
		top: 24px;
	}	
	.header-five-a.short_responsive_menu header .resposive_sticky_active .menu-wrap-right {
		top: 44px;
	}
	.header-five-a.short_responsive_menu header .menu-wrap-right {
		top: 43px;
	}
	.header-five-a.short_responsive_menu header .resposive_sticky_active .menu-wrap-right {
		top: 44px;
	}	
	.header-five-a.short_responsive_menu.not-home header.header_show  .menu-wrap-right {
		top: 29px;
	}
	/* side */

	.side_responsive_menu header .menu-wrap{
		display:none;
	}
	#side_responsive_menu svg{
		display:none;
	}
	.side_responsive_menu .menu ul li{
		float:none;
	}
	body.side_responsive_menu.header-on:not(.admin-bar) header{
		padding-top:0;
	}
	#side_responsive_menu{
		background:#121212;

	}
	.side_type_menu #side_responsive_menu{
		right:0;
		transition: right 0.3s linear;
	}
	#side_responsive_menu .main_menu{
		position:static;
		opacity: 1;
		height: auto;
		visibility:visible;
	}
	#side_responsive_menu .menu-toggle, #side_responsive_menu .menu{
		display: block;
		float:right;
		margin-right: 0;
	}
	#side_responsive_menu .menu{
		clear:both;
		width:100%;
	}
	.header-five-a #side_responsive_menu .menu{
		width:100%
	}
	#side_responsive_menu .menu-toggle{
		margin: 18px 14px 35px 0;
	}
	#side_responsive_menu .menu>ul>li:hover>ul.wow-megamenu,
	.side_responsive_menu .menu > ul > li:not(.has_width) > ul{
		padding-left:0
	}
	#side_responsive_menu .menu-show-search{
		margin-left:10px
	}
	
	.header-wrap-vertical  #side_responsive_menu .menu>ul>li:hover>ul.wow-megamenu,
	.header-wrap-vertical.side_responsive_menu .menu > ul > li > ul,
	.header-overlay  #side_responsive_menu .menu>ul>li:hover>ul.wow-megamenu,
	.header-overlay.side_responsive_menu .menu > ul > li > ul
	{
		padding-left:20px
	}
	
	.side_responsive_menu_wrap{
		position:relative;
	}
	.side_responsive_menu ul.main_menu{
	}
	
	.side_responsive_menu .menu ul ul ul .menu_dropdown_arrow2{
		
	}

	
	
	/* resposive toggle button */
.hamburger {
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 
 }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #ffffff; }

.hamburger-box {
    width: 20px;
    height: 9px;
    float: right;
    position: relative;
    background: #515151;
    padding: 10px;
}

.hamburger-inner {
  display: block;
  top: calc(50% + 1px);
  margin-top: -2px; 
}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 1px;
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -6px; }
  .hamburger-inner::after {
    bottom: -6px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg); }


/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: 22px;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -12px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 10px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 6px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    transition-delay: 0.075s; }


/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 10px; }
  .hamburger--slider .hamburger-inner::before {
    top: 6px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 12px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 10px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 6px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 12px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  top: 6px;
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }


/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }


/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }
	
	
	
	
	
	/* resposive toggle button end */
	
	/* reposive menu*/

	
	.team.style1 .image_wrapper {
		width: 100%;
	}
	.team.style1 .image_wrapper img {
		width: 100%;
	}
	.menu-zig-zag {
		left: 0 !important;
		right: 0 !important;
	}

	.wow-float-left {
		float: none;
		width: 100%;
		text-align: center;
		margin: 5px 0;
	}
	.header-top-bar .info li {
		margin: 0;
		text-align: center;
		width: 100%;
		float: left;
		font-size: 12px;
	}

	.wow-float-right {
		width: 100%;
		text-align: center
	}
	.wow-float-right ul {
		margin: 5px 0;
	}
	/* header{overflow: hidden;} */
	.header-wrap-vertical .header-top-bar-bg,
	.header-wrap-horizontal .header-top-bar-bg {
		position: static
	}
	/*.header-wrap-horizontal .menu-wrap{float:none}*/
	/*responsive submenu arrows*/
	.header-wrap-vertical .submenu-arrows>ul>li.menu-item-has-children>a:before,
	.header-wrap-vertical .submenu-arrows>ul>li.menu-item-has-children>ul>li.menu-item-has-children>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 16px;
		margin-top: -5px;
		border-top: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #ccc;
	}
	.header-wrap-vertical.header-nine .submenu-arrows>ul>li.menu-item-has-children>a:before,
	.header-wrap-vertical.header-ten .submenu-arrows>ul>li.menu-item-has-children>a:before {
		border-right-color: transparent !important;
	}
	.header-wrap-vertical.header-nine .submenu-arrows>ul>li.menu-item-has-children>ul>li.menu-item-has-children>a:after,
	.header-wrap-vertical.header-ten .submenu-arrows>ul>li.menu-item-has-children>ul>li.menu-item-has-children>a:after {
		border-right-color: transparent !important;
	}
	
	/*  overlay menu  */
	header #trigger-overlay-menu {
		display:none
	}
	.info-on header {
		position: static
	}
	.header-overlay .menu .menu-mobile li {
		background: transparent
	}
	.header-top-bar ul.info.wow-float-left li {
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
		border-right: 0;
		border-left: 0;
	}
	header .header-logo-center .menu-wrap-left nav {
		width: 100%
	}
	header.one_page_head.overlay_panel.side_panel,
	header.one_page_head.overlay_panel{
		background:none !important
	}
	.header-on header{
		/* position: static; */
		z-index: 100000;		
	}

	/* sticky */
	.header-wrapper{
		top:0;
	}
	
	.header-wrapper.resposive_sticky_active {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		padding-top:15px;
		padding-bottom:15px;		
		-webkit-transition:transform 0.7s 0.2s;
		-moz-transition:transform 0.7s 0.2s;
		transition:transform 0.7s 0.2s
	}
	.resposive_sticky_hide:not(.header_show) .resposive_sticky_active {
		-o-transform:translate3d(0px, -100%, 0px);
		-ms-transform:translate3d(0px, -100%, 0px);
		-moz-transform:translate3d(0px, -100%, 0px);
		-webkit-transform:translate3d(0px, -100%, 0px);
		transform:translate3d(0px, -100%, 0px);
		-webkit-transition:transform 0.7s 0.4s;
		-moz-transition:transform 0.7s 0.4s;
		transition:transform 0.7s 0.4s
	}	
	
	.banners {
		width: 100% !important
	}
	.banners .banner_inner .content_holder_inner {
		padding: 13% 10% !important;
	}
	#wow-fullpage .section .vc_row {
		margin-left: 0;
		margin-right: 0;
	}

	/* portfolio single */
	.portfolio-single.style1 .bottom {
		margin-bottom: 0;
		padding: 45px 25px 25px 25px;	
	}
	.portfolio-single.style1 .details-holder .vc_col-md-4:nth-child(3n+1){
		clear:none
	}
	.portfolio-single.style1 .crosscover-controller {
		bottom: 70%;
	}	
	.portfolio-single.style2 .crosscover-controller {
		bottom: 75%;
	}
	.portfolio-single.style1 .crosscover-dots {
		top: calc(30% - 120px);
	}	
	.portfolio-single.style2 .crosscover-dots {
		top: calc(25% - 120px);
	}
	.portfolio-single.style2 .bottom .title-btn-holder{
		bottom: 500px;
	}
	.portfolio-single.style2 .rounded-holder{
		bottom:30px
	}
	.portfolio-single.style2 .rounded{
		margin: 0 0 10px 10px
	}
	.portfolio-single.style3 .crosscover-controller {
		bottom: 82%;
	}
	.portfolio-single.style3 .crosscover-dots {
		top: calc(18% - 120px);
	}
	.portfolio-single.style3 .title-holder h2 {
		font-size:56px
	}	
	.portfolio-single.style3 .title-holder h1 {
		font-size:120px;
		letter-spacing: -5px;
	}
	.portfolio-single.style3 .category {
		margin: 250px 0 50px 0;
		padding: 0 10px;
	}
	.portfolio-single.style3 .title-holder:hover h2 {
		-webkit-transform: scale(1.6, 1.6);
		transform: scale(1.6, 1.6)
	}
	body.is-portfolio-page #page-body, 
	body.is-portfolio-tax #page-body ,
	body.is-portfolio-page-single #page-body {
		padding-left:0;
		padding-right:0;
	}
	/* breadcrumb navigation */
	.header_breadcrumb .breadcrumb_holder{
		width:100%
	}
	.header_breadcrumb .breadcrumb_holder ul.nav_crumb li,
	.header_breadcrumb .breadcrumb_holder ul.nav_crumb li a,
	.header_breadcrumb .breadcrumb_holder ul.nav_crumb li.delimiter{
		font-size:18px
	}
	.container, 
	.is-blog-page.with-container-blog .header_breadcrumb .container{
		padding-left: 15px;
		padding-right: 15px;
		width: calc(100% - 30px)
	}
	body .header_breadcrumb h1{
		padding-top:15px;
		padding-bottom:15px;
		padding-left:0;
		padding-right:0;
	}
	body .header_breadcrumb ul.nav_crumb{
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;		
	}
	/* blog grid */

	.is-blog-page.without-container #page-body,
	.is-blog-page.with-container-blog #page-body,
	.is-blog-page-single.without-container-single #page-body{
		padding-right: 15px;
		padding-left: 15px;
	}		

	.is-blog-page.without-container #page-body .posts-block,
	.is-blog-page.with-container-blog #page-body .posts-block,
	.is-blog-page-single.without-container-single #page-body .blog-single{
		padding-right: 0;
		padding-left: 0
	}
	
	body.is-blog-page .posts-block#post-body article[class^="vc_col-lg"]{
		padding-left:15px;
		padding-right:15px;
		padding-bottom:30px
	}
	
	
	.blog-full-width-no-sidebar .posts-block#post-body{
		margin-left: -15px;
		margin-right: -15px		
	}

	body.is-blog-page-single.both-sidebars .vc_col-md-3.left_sidebar,
	body.is-blog-page.has-left-sidebar.both-sidebars .posts-block#post-body .vc_col-md-3.left_sidebar{
		padding-right:15px
	}
	body.is-blog-page-single.both-sidebars .vc_col-md-3.right_sidebar ,
	body.is-blog-page.has-right-sidebar.both-sidebars .posts-block#post-body .vc_col-md-3.right_sidebar {
		padding-left:15px
	}
	.has-right-sidebar.has-left-sidebar.both-sidebars .posts-block .vc_col-md-6.nopadding{
		margin-left:0;
		margin-right:0
	}
	.has-left-sidebar .vc_col-md-8.nopadding .blog-start{
		margin-left:-15px
	}	
	.has-right-sidebar .vc_col-md-8.nopadding .blog-start{
		margin-right:-15px
	}
	.has-left-fancy-sidebar .vc_col-md-8.nopadding .blog-start{
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 20px;
		padding-left:30px
	}
	
	body.is-blog-page.has-left-sidebar .posts-block#post-body{
		margin-right:0
	}
	body.is-blog-page.has-left-fancy-sidebar .posts-block#post-body{
		margin-left:-15px;
		margin-right:-15px
	}	
	body.is-blog-page.has-right-fancy-sidebar .posts-block#post-body{
		margin-left:-15px;
		margin-right:-15px
	}
	body.is-blog-page.has-left-fancy-sidebar #page-body.content-wrapper .left_sidebar{
		padding-right:0
	}
	body.is-blog-page.has-right-fancy-sidebar #page-body.content-wrapper .right_sidebar{
		padding-left:0
	}
	body.is-blog-page.has-left-fancy-sidebar .blog-start{
		 padding-left: 0
	}
	body.is-blog-page-single.has-left-fancy-sidebar .blog-single-start {
		margin-top: 20px
	}
	.has-right-fancy-sidebar .vc_col-md-8.nopadding .blog-start{
		margin-left: -15px;
		margin-right: -15px;
		padding-right:30px;
	}
	body.is-blog-page.has-right-fancy-sidebar .blog-start{
		padding-right:0
	}
	body.is-blog-page-single.has-right-fancy-sidebar .blog-single-start, 
	body.is-blog-page-single.has-right-fancy-sidebar .post-details{
		padding-right:25px
	}
	body.is-blog-page-single.has-left-fancy-sidebar .blog-single-start, 
	body.is-blog-page-single.has-left-fancy-sidebar .post-details{
		padding-left:25px
	}
	body .comment-form #reply-comment-area{
		padding-right: 0 !important
	}
	body.single-has-right-sidebar .blog-single .right_sidebar{
		padding-left:15px
	}
	body.has-right-sidebar:not(.has-right-fancy-sidebar) .posts-block#post-body{
		margin-left:-15px
	}	
	body.has-left-sidebar:not(.has-left-fancy-sidebar) .posts-block#post-body{
		margin-right:-15px
	}
	body.has-right-sidebar.both-sidebars .posts-block#post-body{
		margin-left:0
	}	
	body.has-left-sidebar.both-sidebars .posts-block#post-body{
		margin-right:0
	}
	.blog-single .right_sidebar{
		padding-left:15px
	}	
	.blog-single .left_sidebar{
		padding-right:15px
	}
	.has-right-fancy-sidebar .blog-single .right_sidebar{
		padding-left:40px
	}	
	.has-left-fancy-sidebar .blog-single .left_sidebar{
		padding-right:40px
	}
	.blog-container-no-sidebar .posts-block#post-body{
		margin-left: -15px;
		margin-right: -15px				
	}
	.with-container-blog.is-blog-page #page-body,
	.with-container-single.is-blog-page-single #page-body{
		padding-left:0;
		padding-right:0
	}	
	.with-container-blog.is-blog-page.fancy-sidebar #page-body{
		padding-left:15px;
		padding-right:15px
	}
	body.is-blog-page #page-body {
		padding-right: 0;
		padding-left: 0;
	}
	body.is-blog-page-single #page-body {
		padding-right: 0;
		padding-left: 0;
	}
	.is-blog-page #page-body.content-wrapper {
		width:100%;
	}		
	body.is-blog-page.has-left-fancy-sidebar.without-container #page-body.content-wrapper,
	body.is-blog-page.has-right-fancy-sidebar.without-container #page-body.content-wrapper{
		padding-left:15px;
		padding-right:15px
	}	
	/* both sidebars */
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-12,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-6,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-4,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-3,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-1\/5,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-2{
		width:100%
	}
	
	/* left sidebar and  right sidebar */
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-12,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-6,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-4,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-3,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-1\/5,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-2,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-12,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-6,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-4,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-3,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-1\/5,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-2{
		width:100%
	}
	
	/* no sidebar */
	.no-sidebar .posts-block .vc_col-lg-12,
	.no-sidebar .posts-block .vc_col-lg-6,
	.no-sidebar .posts-block .vc_col-lg-4,
	.no-sidebar .posts-block .vc_col-lg-3,
	.no-sidebar .posts-block .vc_col-lg-1\/5,
	.no-sidebar .posts-block .vc_col-lg-2{
		width:50%
	}	
	
	.author-details{
		padding: 20px 15px;
		margin-left: 0px;		
	}
	.vc_row[class*=vc_column-gap]{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	/* WpBakery column padding on responsive */
	.responsive_padding{
		padding-left:15px;
		padding-right:15px
	}
	
	/* widget heading */
	body #page-body .widget h3,
	body footer .widget h3{
		padding-left:0;
		padding-right:0
	}
	
	/* masonry */
	body .masonry-wrap .grid .grid-sizer ,body .masonry-wrap .grid .grid-item{ 
		width: 33.333333333333%; 
	}
	
	/* pagination */
	body .pagination, body .woocommerce-pagination{
		padding:70px 0;
	}
	
	/* footer */
	body footer {
		padding-left:0;
		padding-right:0;
	}
	
	/* copyright */
	body footer #copyright.full .copyright {
		padding-left:15px;
		padding-right:15px;
	}	
	body footer #copyright .container .copyright {
		padding-left:0;
		padding-right:0;
	}	
	body footer #copyright .copyright {
		margin-left:0;
		margin-right:0;
		padding-left:15px;
		padding-right:15px
	}

	.woocommerce-tabs .skltbs-tab{
		padding: 15px 18px;
		font-size: 12px;
		line-height: 1em;		
	}
	.skltbs-tab-item h3{
		margin-bottom:0
	}
}

/*
3.Medium Devices, Desktops ( max-width: 992px )
================================================================================================================================
*/
@media (max-width: 992px) {
	/* portfolio single */
	.portfolio-single.style1 .details-holder .vc_col-md-4:nth-child(3n+1){
		clear:none
	}
	.portfolio-single.style1 .details-holder .vc_col-md-4{
		width:33.33333333%;
		float:left;
		border-right:none !important
	}
	.portfolio-single.style1 .bottom {
		padding: 25px 15px 15px 15px;	
	}
	.portfolio-single.style1 .bottom .portfolio-single h1{
		font-size:42px;
		line-height:1.1em
	}
	.portfolio-single.style2 .bottom .portfolio-single h1{
		font-size:24px;
		line-height:1.1em
	}
	.portfolio-single.style2 .category span{
		font-size:13px;
	}
	.portfolio-single.style3 .title-holder h2 {
		font-size:42px
	}	
	.portfolio-single.style3 .title-holder h1 {
		font-size:90px;
		letter-spacing: -4px
	}
	.portfolio-single.style4 h1 {
		font-size:56px
	}
	.portfolio-single.style3 .category {
		font-size:20px
	}
	/* breadcrumb navigation */
	.header_breadcrumb .breadcrumb_holder ul.nav_crumb li,
	.header_breadcrumb .breadcrumb_holder ul.nav_crumb li a,
	.header_breadcrumb .breadcrumb_holder ul.nav_crumb li.delimiter{
		font-size:14px
	}
	/* footer widgets paddings */
	body footer .vc_column_container[class*=vc_col-]:not(.vc_col-lg-12) { padding-left:0; padding-right:0 }
	body footer .vc_column_container[class*=vc_col-]:not(.vc_col-lg-12):last-child { padding-left: 0 }
	
	/* blog grid */
	
	/* both sidebars */
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-12,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-6,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-4,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-3,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-1\/5,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-2{
		width:50%
	}
	
	/* left sidebar and  right sidebar */
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-12,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-6,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-4,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-3,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-1\/5,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-2,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-12,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-6,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-4,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-3,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-1\/5,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-2{
		width:50%
	}
	body.is-blog-page-single.has-left-fancy-sidebar .blog-single-start, 
	body.is-blog-page-single.has-left-fancy-sidebar .post-details{
		padding-left:0
	}
	body.is-blog-page-single.has-right-fancy-sidebar .blog-single-start, 
	body.is-blog-page-single.has-right-fancy-sidebar .post-details{
		padding-right:0
	}
	.has-left-fancy-sidebar .vc_col-md-8.nopadding .blog-start{
		padding-left:0
	}
	.has-right-fancy-sidebar .vc_col-md-8.nopadding .blog-start{
		padding-right:0;
	}
	body.is-blog-page-single.has-right-fancy-sidebar #page-body .right_sidebar,
	body.is-blog-page.has-right-fancy-sidebar #page-body .right_sidebar{
		margin-top:20px
	}	
	/* masonry */
	body .masonry-wrap .grid .grid-sizer ,body .masonry-wrap .grid .grid-item{ 
		width: 50%; 
	}
	
	body.is-blog-page-single.both-sidebars .vc_col-md-3.left_sidebar ,
	body.is-blog-page.has-left-sidebar.both-sidebars .posts-block#post-body .vc_col-md-3.left_sidebar {
		padding-right: 0;
	}	
	body.is-blog-page-single.both-sidebars .vc_col-md-3.right_sidebar ,
	body.is-blog-page.has-right-sidebar.both-sidebars .posts-block#post-body .vc_col-md-3.right_sidebar {
		padding-left: 0;
	}
	.blog-single .right_sidebar{
		padding-left:0
	}	
	.blog-single .left_sidebar{
		padding-right:0
	}
	
}

/*
4.Small Devices, Tablets ( max-width: 768px )
================================================================================================================================
*/
@media (max-width: 768px) {
	
	.home header {
		position:unset
	}
	
	/* large fancy button */
	.wow_btn_container .button.fancy.large{
		padding-top: 13px;
		padding-bottom: 13px;
		padding-right: 18px;		
	}
	.wow_btn_container .button.fancy.large i{
		font-size: 26px;
		height: 26px;		
	}
	.wow_btn_container .button.fancy.large .text2{
		font-size: 15px;
		
	}
	.wow_btn_container .button div.icon.fancy.large{
		width:60px
	}
	.wow_btn_container .button.fancy.large.padding_left .text, .wow_btn_container .button.fancy.large.padding_left .text2{

	}	
	
	/* xlarge fancy button */
	.wow_btn_container .button.fancy.xtra_large{
		padding-top: 13px;
		padding-bottom: 13px;
		padding-right: 18px;		
	}
	.wow_btn_container .button.fancy.xtra_large i{
		font-size: 26px;
		height: 26px;		
	}
	.wow_btn_container .button.fancy.xtra_large .text2{
		font-size: 15px;
		
	}
	.wow_btn_container .button div.icon.fancy.xtra_large{
		width:60px
	}
	.wow_btn_container .button.fancy.xtra_large.padding_left .text, .wow_btn_container .button.fancy.xtra_large.padding_left .text2{

	}
	
	/* portfolio single */
	.portfolio-single.style1 .details-holder .vc_col-md-4{
		padding:0;
		margin:0;
		width: 100%;
		display: table;
		margin-bottom:30px
	}
	.portfolio-single.style1 hr{
		display:none
	}
	.portfolio-single.style1 .details-holder .vc_col-md-4{
		border-right:none
	}
	.portfolio-single.style1 .crosscover-controller {
		bottom: 75%;
	}
	.portfolio-single.style1 .crosscover-dots {
		top: calc(25% - 120px);
	}
	.portfolio-single.style2 .rounded-inner i{
		font-size:22px
	}
	.portfolio-single.style2 .rounded-inner span.big{
		font-size:14px;
	}
	.portfolio-single.style2 .bottom .title-btn-holder{
		bottom: 550px
	}
	.portfolio-single.style2 .rounded-inner{
		width:140px;
		height:140px
	}
	.portfolio-single.style4 .title-holder{
		padding:50px 15px 20px 15px;
	}	
	.portfolio-single.style3 .title-holder h2 {
		font-size:32px
	}	
	.portfolio-single.style3 .title-holder h1 {
		font-size:64px;
		letter-spacing: -3px
	}
	.portfolio-single.style3 .details span {
		font-size:18px
	}
	.vc_col-sm-3{
		width:100%;
	}
	/* breadcrumb navigation */
	.header_breadcrumb ul.nav_crumb{
		display: unset;
	}
	.header_breadcrumb .header_breadcrumb_inner h1{
		font-size:24px;
		line-height: 1.2em;
		letter-spacing:normal
	}
	body .header_breadcrumb ul.nav_crumb li.delimiter{
		padding-left:10px;
		padding-right:10px;
	}
	.cl-effect-1 a::after,
	.cl-effect-1 a::before,	
	.cl-effect-2 a::after,
	.cl-effect-2 a::before,
	.cl-effect-3 a::after,
	.cl-effect-3 a::before,
	.cl-effect-4 a::after,
	.cl-effect-4 a::before,
	.cl-effect-5 a::after,
	.cl-effect-5 a::before,
	.cl-effect-6 a::after,
	.cl-effect-6 a::before,
	.cl-effect-7 a::after,
	.cl-effect-7 a::before{
		content:none
	}
	
	.cl-effect-3 a,
	.cl-effect-4 a,
	.cl-effect-7 a{
		padding-top:0	
	}
	ul.cl-effect-3 li:first-child a,
	ul.cl-effect-4 li:first-child a,
	ul.cl-effect-7 li:first-child a{
		padding-left:0
	}
	
	/* blog grid */
	
	/* both sidebars */
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-12,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-6,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-4,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-3,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-1\/5,
	.has-right-sidebar.has-left-sidebar .posts-block .vc_col-md-6 .vc_col-lg-2{
		width:100%
	}		
	/* left sidebar and  right sidebar */
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-12,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-6,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-4,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-3,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-1\/5,
	.has-right-sidebar .posts-block .vc_col-md-8 .vc_col-lg-2,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-12,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-6,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-4,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-3,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-1\/5,
	.has-left-sidebar .posts-block .vc_col-md-8 .vc_col-lg-2{
		width:100%
	}
	/* no sidebar */
	.no-sidebar .posts-block .vc_col-lg-12,
	.no-sidebar .posts-block .vc_col-lg-6,
	.no-sidebar .posts-block .vc_col-lg-4,
	.no-sidebar .posts-block .vc_col-lg-3,
	.no-sidebar .posts-block .vc_col-lg-1\/5,
	.no-sidebar .posts-block .vc_col-lg-2{
		width:100%
	}
	.without-container-blog.is-blog-page #page-body.content-wrapper {
		padding-left:15px;
		padding-right:15px
	}		
	body #page-body .social_block a[class^="grid"]{
		width:33.33333333333%;
	}
	
	/* masonry */
	body .masonry-wrap .grid .grid-sizer ,body .masonry-wrap .grid .grid-item{ 
		width: 50%; 
	}
	
	body .testimonials.style2 .name{
		margin-left:0
	}
	
	body .testimonials.style2 .name h3,
	body .testimonials.style2 .name h6{
		margin-left:0;
		text-align:center;
		clear:both
	}
	body .testimonials.style2 .photo-holder{
		margin:auto;
		display:table
	}
	
	/* vc blocks */
	.pricing-tables-wrap.horizontal .icon_title_wrapper,
	.pricing-tables-wrap.horizontal .details_wrapper,
	.pricing-tables-wrap.horizontal .price_wrapper,
	.pricing-tables-wrap.horizontal .lasttext_wrapper{
		width: 100% !important;
		display:table !important;
		clear:both !important;
		border:none !important;
		padding-bottom:20px !important
	}	
	.pricing-tables-wrap.horizontal .lasttext_wrapper{
		padding-bottom:0 !important
	}
	.pricing_table_container .lasttext_wrapper a{
		margin-left:0 !important
	}
	
	/* social copyright */
	body footer #copyright .copyright p{ 
		display:block; vertical-align:unset 
	}
	body footer #copyright .copyright .social{ 
		display:block; vertical-align:unset; padding-left:0; margin-top:20px 
	}
	footer .social ul{
		text-align:left
	}
	body footer #copyright .copyright .social{
		padding-right:0
	}
	body footer #copyright .copyright p {
		text-align: left !important;	
	}
}

/*
5.Medium Extra Small Devices, Phones ( max-width:480px )
================================================================================================================================
*/
@media (max-width:480px) {
	
	
	/* set one per row for portfolio, posts and masonry custom WPbakery blocks */
	
	.vc_portfolio-block [class^='vc_col-xs-'], .vc_portfolio-block [class*=' vc_col-xs-'],
	.vc_posts-block [class^='vc_col-xs-'], .vc_posts-block [class*=' vc_col-xs-'],
	body .masonry-wrap .grid .grid-sizer ,body .masonry-wrap .grid .grid-item{ 

		width:100%;
	}
	
	/* portfolio single */
	.portfolio-single.style1 .details-holder .vc_col-md-4{
		margin-bottom:20px
	}
	.portfolio-single.style1 .details span.big{
		font-size:18px
	}
	.portfolio-single.style1 .bottom .portfolio-single h1{
		font-size:32px;
		line-height:1.1em
	}
	.portfolio-single.style1 .crosscover-controller {
		bottom: 70%;
	}
	.portfolio-single.style1 .crosscover-dots {
		top: calc(30% - 120px);
	}
	.portfolio-single.style2 .rounded-inner{
		width:120px;
		height:120px
	}
	.portfolio-single.style2 .rounded-inner i{
		font-size:22px
	}
	.portfolio-single.style2 .rounded-inner span.big{
		font-size:12px;
	}
	.portfolio-single.style2 .bottom .title-btn-holder{
		bottom: 450px
	}
	.portfolio-single.style3 .title-holder h2 {
		font-size:18px
	}	
	.portfolio-single.style3 .title-holder h1 {
		font-size:32px;
		letter-spacing: -2px
	}
	.portfolio-single.style4 h1 {
		font-size:32px
	}
	.portfolio-single.style4 .details-holder{
		padding:20px 35px;
	}
	.portfolio-single.style3 .title-holder:hover h2 {
		-webkit-transform: scale(1.4, 1.4);
		transform: scale(1.4, 1.4)
	}
	.portfolio-single.style3 .category {
		font-size:16px;
	}
	.portfolio-single.style3 .details span {
		font-size:14px
	}
	.portfolio-single.style3 .title-holder{
		padding: 50px 0
	}
	body #page-body .social_block a[class^="grid"]{
		width:100%;
	}	
	
	/* breadcrumb */
	.header_breadcrumb ul.nav_crumb li, .header_breadcrumb ul.nav_crumb li a{
		display:inline-block
	}
	
	/* full page tweaks */
	header.one_page_head .logo{ padding-left:15px }
	header.one_page_head .hamburger{ padding-right:15px }	
	
	body.short_responsive_menu header.one_page_head .menu-wrap {
		right: 30px;
	}
	
	.boxed-layout.is-blog-page.without-container #page-body, 
	.boxed-layout.is-blog-page.with-container-blog #page-body, 
	.boxed-layout.is-blog-page-single.without-container-single #page-body {
		padding-right: 0;
		padding-left: 0;
	}	


}

/*
6.Extra Small Devices, Phones ( max-width:320px )
================================================================================================================================
*/
@media (max-width:320px) {
	.sidebar-posts-box .sidebar-posts{
		margin-left:0;
		margin-top:10px;
		clear:both
	}

}
	
	
/*
7.Smallest devices ( max-width:280px )
================================================================================================================================
*/
@media (max-width:280px) {
	/* portfolio single */
	.portfolio-single.style2 .rounded-holder{  
		display:none
	}	
	.portfolio-single.style2 .wow_btn_container{  
		
	}
	.portfolio-single.style2 .wow_btn_container .button div.icon.fancy.large {
		width: 30px;
	}
	.portfolio-single.style2 .wow_btn_container .button.fancy.large i {
		font-size: 16px;
		height: 16px;
	}
	.portfolio-single.style2 .wow_btn_container .button.fancy.large.padding_left .text, 
	.portfolio-single.style2 .wow_btn_container .button.fancy.large.padding_left .text2{
		padding-left:5px
	}
	.portfolio-single.style2 .wow_btn_container .button.large {
		font-size: 14px;
		padding: 10px 38px;
	}
	.portfolio-single.style2 .wow_btn_container .button.fancy.large .text{
		font-size:10px
	}	
	.portfolio-single.style2 .wow_btn_container .button.fancy.large .text2{
		font-size:12px
	}
	.portfolio-single.style3 .category {
		margin: 200px 0 50px 0
	}
	.portfolio-single.style1 .crosscover-controller {
		bottom: 80%;
	}	
	.portfolio-single.style1 .crosscover-dots {
		top: calc(20% - 120px);
	}		
	.portfolio-single.style2 .crosscover-controller {
		bottom: 82%;
	}	
	.portfolio-single.style2 .crosscover-dots {
		top: calc(18% - 120px);
	}	
}