/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE CSS */
/*//////////////////////////////////////////////////////////////////////////////////////////*/








/* 768 x 1024 (Laptop) */

@media (min-width:1022px) and (max-width:1229px) {

	.yp-demo-link{
		display: none !important;
	}


	html  .blog-post-item {
		width: 290px;
	}


	html .isotope-desc-content {
		display: none;
	}
	html .pp-box-wrap {
		float: none;
		margin: 0 auto;
	}
	html .isotope-filter .product-grid li {
		margin: 0 1% 2%;
		width: 22%;
	}

	html .full-title-name {
		display: inline-block;
		font-size: 22px;
		left: 0;
		min-width: 295px;
		padding: 10px 30px;
		position: relative;
		text-transform: uppercase;
		top: 0;
	}

	html #filter {
		height: 80px;
		margin-top: -37px;
		padding-left: 0;
	}



	html  .pp-box-item {
		display: block;
		float: none;
		margin: 20px auto;
		width: 580px;
		overflow: hidden;
	}




}




/* 768 x 1024 (iPad - Portrait) */

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


	.yp-demo-link{
		display: none !important;
	}

	html  .blog-post-item {
		width: 30% !important;
	}


	html .yamm .nav > li > a {
		margin: 9px 5px;
		padding: 10px 5px !important;
	}

	html .yamm .nav > li > a {
		font-size: 13px;
	}

	html .top-header .social-box  .nav{
		float:none !important;
		text-align:center;
	}

	html .top-cart{
		padding:10px;
	}


	html #filter {
		height: auto;
		margin-top: -31px;
		padding-left: 0;
		text-align: center;
	}



	html .ft-icons-simple {
		display: inline-block;
		float:none;
		height: 100%;
		width: 100%;
	}


	html .ft-content {
		border-left: 0;
		float: none;
		padding-left: 0;
		padding-top: 5%;
		text-align: center;
		width: 100%;
	}


	html .footer-shop img{
		max-width:100%;
		height:auto;
	}


	.home-section .vc_row{
		background-image:none !important;
	}




	html  .pp-box-item {
		display: block;
		float: none;
		margin: 20px auto;
		width: 580px;
		overflow: hidden;
	}


	html .featured-item-simple-icon:after{
		display:none !important;
	}


	html .isotope-filter .product-grid li {
		margin: 0 1% 2%;
		width: 22% !important;
	}
	html .yamm .nav > li > a {
		padding: 20px 10px;
	}
	html .right-header {
		text-align: center;
	}
	html .bg-mobile-hidden {
		background: none !important;
	}
	html .header .top-cart {
		display: inline-block;
		float: none;
		margin: 0 !important;
		padding-left: 0;
		position: relative;
		text-align: center;
		top: 0;
		width: 100%;
	}
	.header #search-global-mobile {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #ddd !important;
		color: #ddd !important;
		display: block !important;
		float: none;
		margin: 10px auto;
		position: relative;
		right: 0;
		top: 0;
		width: 300px;
	}

	html .header .menu-item-has-children > a::after {
		top: 9px;
	}

	html  .yamm .dropdown-menu {
		top: 60px;
	}

	.featured-item-simple-icon {
		min-height: 160px;
	}
	.filter {
		text-align: center;
	}
	html .isotope-desc-content {
		display: none;
	}
	html .isotope-filter {
		text-align: center;
	}
	html .isotope-item {
		width: 33.33% !important;
	}
	.header #search-global-mobile #search, #search-global-mobile button i {
		color: #000 !important;
	}
	#search-global-mobile input {
		border: medium none;
		width: 80% !important;
	}
	.header .navbar-collapse #search-global-menu {
		display: none !important;
	}
	html .breadcrumb {
		float: none;
		font-size: 14px;
		list-style: outside none none;
		margin-bottom: 0;
		padding: 0;
	}
	.header {
		height: auto;
		text-align: center;
	}
	html .fa-content {
		display: inline-block;
		margin-left: 2%;
		padding-right: 4%;
		padding-top: 2%;
		width: 62%;
	}
	.banner-full-width * {
		text-align: center !important;
	}
	html .btn-fw-banner {
		padding-right: 0;
	}
	html .carousel-item-content .carousel-title {
		margin: 20px 0 15px;
	}
	html .full-title-name {
		display: inline-block;
		font-size: 22px;
		left: 0;
		min-width: 295px;
		padding: 10px 30px;
		position: relative;
		text-transform: uppercase;
		top: 0;
	}
	.info-top {
		margin: 10px;
		text-align: center;
	}
	.info-top ul {
		padding: 0;
	}
	.header .navbar-nav > li {
		display: inline-block;
		float: none;
	}
	.header .yamm, .header .yamm .navbar-nav {
		float: none;
		margin: 0;
		width: 100%;
	}
	.header .yamm, .header .yamm .navbar-nav > li {
		display: inline-block;
		float: none;
	}
	.header .top-cart {
		display: inline-block;
		float: none;
		padding-left: 0;
		position: relative;
		text-align: left;
		top: 0;
		width: 100%;
	}
	.header .top-cart .qty-top-cart-active {
		right: 14px;
		top: -3px;
	}
	html .post .entry-title {
		margin: 20px 0;
	}
	html .bx-controls {
		margin-bottom: 30px;
	}
	.carousel-brand .bx-prev, .carousel-brand .bx-next {
		display: none !important;
	}
	html .featured-item-simple-icon {
		margin: 10px 0;
	}
	html .featured-item-simple-icon {
		min-height: 160px;
	}
	html .full-title-name .btn {
		bottom: -55px;
		font-size: 13px;
		left: 0;
		width: 100%;
	}


	.product-right {
		margin:20px 0;
	}

}

/*480 x 640 (small tablet and iPhone)*/

@media (max-width:767px) {


	html .wrap-dream-team .list-dream-team .team-item .image .mask {
		padding-top: 15% !important;
	}


	.yp-demo-link{
		display: none !important;
	}


	html  body #filter {
		height: auto;
		margin-top: 0;
		padding-left: 0;
	}

	#filter li a{
		width:100%;
	}


	.slide-desc  tbody ,.slide-desc   .detail-item{
		height:100%;
	}


	.slide-desc .icons{
		margin-top:40%;
	}


	.wrap-user-control i:before{
		color:#2b2e33;
	}


	html .decor-line::after { background: rgba(0, 0, 0, 0) url("../images/graph-home2.svg") no-repeat scroll center top / cover ;
		bottom: -3px;
		height: 100px;
		left: 0;
		right: 0;
		top: auto;
	}




	html #main-menu li .dropdown-menu {
		background: #2a2d32 none repeat scroll 0 0;
		border-top: 2px solid #009cce;
		float: none;
		left: 0;
		margin-top: -2px;
		right: auto;
		width: 95%;
	}

	html  .slidebar-panel .navbar-brand {
		position: relative !important;

	}


	html body  .isotope-item {
		width: 100% !important;
	}

	html  .floated .navbar-nav > li {
		margin: 0;
		padding: 0 40px;
		text-align: left;
		width: 100%;
	}

	#search-global-mobile {
		margin-left: 25px;
	}
	html .header .menu-item-has-children > a:after {
		right: 25px;
	}
	html .breadcrumb {
		float: none;
		font-size: 14px;
		list-style: outside none none;
		margin-bottom: 0;
		padding: 0;
	}


	html .top-header .social-box  .nav{
		float:none !important;
		text-align:center;
	}

	html .top-cart{
		padding:10px;
	}


	html #filter {
		height: auto;
		margin-top: 0;
		padding-left: 0;
		text-align: center;
	}

	html  .pp-box-item {
		float: none;
		width: 580px;
		display: inline-block;
		margin-top: -6px;
	}


	html .ft-icons-simple {
		display: inline-block;
		float:none;
		height: 100%;
		width: 100%;
	}


	html .ft-content {
		border-left: 0;
		float: none;
		padding-left: 0;
		padding-top: 5%;
		text-align: center;
		width: 100%;
	}


	/*.tp-caption{
        display:none !important;
    }

    */

	html .footer-shop img{
		max-width:100%;
		height:auto;
	}


	.home-section .vc_row{
		background-image:none !important;
	}




	html .home-section .featured-item-simple-icon {
		margin: 45px 0 !important;
	}



	html .pp-box-wrap {
		float: none;
		margin: 0 auto;
	}
	html .bg-mobile-hidden {
		background: none !important;
	}
	html .featured-item-simple-icon {
		margin: 10px 0;
	}
	.header {
		height: auto;
		text-align: center;
	}
	.info-top {
		margin: 10px;
		text-align: center;
	}
	.info-top ul {
		padding: 0;
	}
	.right-header {
		text-align: center;
	}
	html .right-header .col-right-header {
		display: inline-block;
		margin-top: 15px;
		padding-left: 30px;
		padding-right: 30px;
		vertical-align: top;
		width: 100%;
		text-align: center;
	}
	.header .navbar-nav > li {
		display: inline-block;
		float: none;
	}
	.yamm {
		position: relative;
		padding-left: 0 !important;
	}
	.yamm .navbar-header {
		background: none repeat scroll 0 0 #ffc300;
	}
	.yamm .navbar-collapse {
		background: none repeat scroll 0 0 #333333;
	}
	.yamm .nav li a {
		color: #fff !important;
	}
	.header #search-global-menu {
		border: 1px solid #ddd !important;
		color: #ddd !important;
		margin: 0 auto 10px;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}
	.header #search-global-mobile #search {
		margin-left: 20px;
	}
	#search-global-mobile button {
		position: relative;
		left: -35px;
	}
	.header #search-global-mobile #search, #search-global-mobile button i {
		color: #000 !important;
	}
	.header #search-global-menu #search {
		padding: 7px 2px 7px 1px !important;
		width: 83%;
	}
	html .yamm #search-global-menu {
		display: none !important;
	}
	.header .yamm .navbar-nav a:hover {
		background: none repeat scroll 0 0 #526aff !important;
		color: #fff !important;
	}
	.header .yamm, .header .yamm .navbar-nav {
		float: none;
		margin: 0;
		width: 100%;
	}
	.header .yamm, .header .yamm .navbar-nav > li {
		display: inline-block;
		float: none;
		text-align: left;
		width: 100%;
		position: relative;
		padding-left: 0;
	}
	.header .top-cart {
		float: none;
		margin: 30px auto 20px auto;
		position: relative;
		width: 120px;
		border: none;
	}
	.header .top-cart .qty-top-cart-active {
		right: 14px;
		top: -3px;
	}
	html .post .entry-title {
		margin: 20px 0;
		text-align: left;
	}
	.ver-tabs.horiz-tabs .nav > li {
		width: 100%;
	}
	.banner-full-width * {
		text-align: center !important;
	}
	.btn-fw-banner {
		padding: 0 !important;
	}
	.btn-fw-banner .btn {
		margin: 10px;
	}
	html .full-title-name {
		display: inline-block;
		font-size: 12px;
		font-weight: 600;
		left: 0;
		min-width: auto;
		padding: 7px 22px;
		position: relative;
		text-transform: uppercase;
		top: 7px;
		width: 100%;
	}
	html #filter {
		height: auto;
		margin-top: -25px;
		padding-left: 0;
	}
	html #filter li {
		display: inline-block;
		list-style: outside none none;
		margin-bottom: 10px;
		width: 100%;
	}
	html .isotope-desc-content {
		display: none;
	}
	html .isotope-item {
		width: 49% !important;
	}
	.isotope-frame{
		text-align:center;
	}

	html .full-title-name .btn {
		bottom: -55px;
		font-size: 13px;
		left: 0;
		width: 100%;
	}
	html .carousel-3 .media {
		display: inline-block;
		position: relative;
		width: 100%;
	}
	html .carousel-3 .carousel-item-content {
		display: inline-block;
		padding: 3% 0 0 3% !important;
		vertical-align: top;
		width: 100%;
	}
	.carousel-brand .bx-prev, .carousel-brand .bx-next {
		display: none !important;
	}
	html .product-grid {
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	html .product-grid li {
		margin: 5%;
		width: 90%;
	}
	.product-grid li .slider_img {
		display: none !important;
	}
	.testi-box {
		display: inline-block;
		margin: 20px 0;
	}
	.cd-floating-background img {
		display: none !important;
	}
	.contact-section {
		height: auto !important;
	}
	html .copy {
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}
	html .footer-absolute .social-box {
		float: none;
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	html .footer-panel .social-links {
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	html .footer-panel .social-links li {
		margin: 10px 0 0;
	}

	html  .pp-box-item {
		float: none;
		width: 580px;
		display: inline-block;
		margin-top: -6px;
	}

	html .product-right {
		padding-bottom: 50px;
	}
	html .product-grid.bxslider li {
	}
	html .fa-box .fa, {
		display: block;
		font-size: 34px !important;
	}
	html .fa-box {
		margin-left: -6% !important;
		margin-right: 6% !important;
		padding: 5% 2% 5% 8% !important;
		width: 30% !important;
	}
	html .ver-tabs.horiz-tabs .fa-content {
		display: inline-block;
		margin-left: 0;
		padding: 1%;
		text-align: left;
		width: 67%;
	}
	html .ver-tabs.horiz-tabs .fa-box {
		width: 30% !important;
	}
	html .isotope-filter .product-grid li {
		margin: 0 1% 2%;
		width: 21%;
		height: auto !important;
	}
	.logo-box {
		display: block !important;
		margin: 0 auto !important;
		padding: 10px !important;
		text-align: center;
		width: 100% !important;

	}
	html .box-date-post {
		position: relative;
		text-align: center;
	}
	html .post .entry-main {
		padding-left: 0;
		position: relative;
	}

	.footer-shop  .row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.product-right {
		margin:20px 0;
	}


	html body  .pp-box-item {
		display: inline-block;
		float: none;
		margin: 0 auto ;
		width: 292px;
	}


	html .pp-box {
		float:none !important;
	}

	html .layout-header2 .yamm .navbar-nav > li {
		background: #333 !important;
	}


	html .box-date-post {
		border: 1px solid #eeeeee;
		height: auto;
		width: auto;

	}


	.wrap-works {
		margin-bottom: 50px;
		text-align: center;
	}


	.blog-post-item {
		margin: 20px  auto !important;

	}






	/*Woo Global Responsive*/

	html table{
		padding: 5px !important;
	}
	table  td  , table  th{
		margin:1px !important;
	}


	html table ,html  tbody , table tr , table  td  , table  th , thead , tfooter  {
		display: inline-block;
		max-width: 100% !important;
		width: 100% !important;
		text-align:center !important;
	}
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		float: none !important;
		width: 100% !important;
	}
	.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
		margin: 0  0 5% 0 !important;
		width: 100% !important;
	}

	html .woocommerce-cart table.cart td.actions .coupon .input-text {
		margin: 0 0 10px 0 !important;
		padding: 10px !important;
		width: 100% !important;
	}

	.coupon{
		float:none !important;
	}


	html  .woocommerce a.remove {
		display: inline-block;
	}
	.shop_table  .button{
		margin-bottom: 10px !important;
		width: 100%;
	}
	.woocommerce-cart .qty {

		margin: 0 auto !important;

	}

	.col-1,.col-2 {
		float: none !important;
		width: 100% !important;
	}

	.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
		float: none !important;
		margin: 0 0 10px !important;
		width: 100% !important;
	}

	html .woocommerce #payment .terms, .woocommerce-page #payment .terms {
		padding: 0 1em;
		text-align: center;
	}
	html .yamm .nav .hot a{
		border:none !important;
	}


}

/*320 x 480 (iPhone)*/

@media (max-width:480px) {

	.hero-module , .portfolio-simple-carousel   .owl-controls{
		display:none !important;
	}



	.vc_custom_1473067262827 , .vc_custom_1473067269157 , .vc_custom_1473067273956 , .vc_custom_1473067279817 , .vc_custom_1473067285137 , .vc_custom_1473067290745 , .vc_custom_1473067269157 {
		padding-bottom: 10% !important;
		padding-top: 10% !important;
	}

	html .twitter {
		margin: 0 auto;
		max-width: 400px;
	}

	html .blog-post-item {
		display: inline-block;
		margin: 10px auto !important;
		vertical-align: top;
		width: 100%;
	}

	html .panel-price .panel-heading h2 {
		font-size: 38px;
		line-height: 40px;
		margin: 0;
	}

	.cd-pricing-switcher  .btn{
		float:none !important;
	}
	html .full-title-name {
		margin-left: -10px;
	}
	html .section-header .heading {
		font-size: 18px;
	}
	html .full-width-box::after {
		width: 40% !important;
	}
	html .icon-line h3 {
		font-size: 15px !important;
		padding: 14px 20px;
	}
	html .product-info .nav-tabs > li {
		margin-right: 0;
		width: 100%;
	}
	html .person-text {
		padding-left: 10px;
		padding-top: 20px;
		position: relative;
	}
	.carousel1 .bx-viewport {
		height: auto !important;
		max-width: 380px;
		margin: 0 auto;
	}
	html .isotope-filter .product-grid li {
		margin: 0 !important;
		width: 100% !important;
	}



	html .wrap-services .service-item {
		margin-bottom: 0;
		padding-bottom: 30px;
	}


	html .wrap-services .service-icon {
		float: none !important;
		padding-top: 20px;
		text-align: center !important;
		width: 100%;
	}


	html  .wrap-services .service-text {
		text-align:center !important;
		float: none !important;
		padding-top: 20px;
		width: 100%;
	}

	html .nav-tabs-vertical {
		display: inline-block;
		width: 100%;
	}


	html .img-circle {
		margin: 0 auto;
		max-width: 240px;
	}

	html .wrap-blog-post .wrap-post-description .list-inline{
		margin-left:0;
	}

	.wrap-blog-post .wrap-post-description{
		padding:15px !important;
	}


	.wrap-blog-post  .list-inline{
		display:none !important;
	}


	html .page-header{
		height: auto;
		padding-bottom: 235px;
	}


	.post-header  .pull-right{
		display: inline-block;
		float: none !important;
		margin: -20px 0 10px -15px;
		width: 100%;
	}


	.wrap-downloads .download-item .ico{
		text-align:center;
	}



	.wrap-downloads .download-item .ico .down-ico {
		margin: 0 auto;

	}

	#nav  .floated {

		margin: 77px -15px 0 !important;
		position: absolute;
		width: 100vw;
	}

	html .dropdown-menu .dropdown-menu {
		left: 0 !important;
		position: relative !important;
		top: 0 !important;
	}


	html .portfolio-col-3 .isotope-item , html .portfolio-col-2  .isotope-item , html .portfolio-col-4 .isotope-item {
		margin: 1%;
		width: 100% !important;
	}

}