@media(max-width:1900px){
    .skewb {
        background-color: #000;
        width: 100%;
        height: 777px;
        transform: skew(0deg,-18deg);
        margin-top: -488px;
    }
}

@media(max-width:1886px){
    .skewb {
        height: 770px;
        transform: skew(0deg,-19deg);
        margin-top: -497px;
    }
}
@media(max-width:1680px){
	.upper-nav ul li a,.upper-nav ul li form {
		padding: 2em 4.3em;
    }
    .upper-nav {
		left: 7em;
    }
    .skewb {
        transform: skew(0deg,-22deg);
    }
    
}
@media(max-width:1600px){
	.upper-nav ul li a,.upper-nav ul li form {
		padding: 2em 4em;
    }
    .upper-nav {
		left: 7.4em;
    }
    .img_div {
        height: 300px;
    }
}
@media(max-width:1500px){
    .more1, .more2, .more3, .more4{
        display: none;    
    }
    .btn1, .btn2, .btn3, .btn4{
        display: inline;
        cursor: pointer;
    }
}
@media(max-width:1470px){
    .product-content {
        padding: 50px;
    }
}
@media(max-width:1450px) {

    .title-wthree,
    .title-wthree.two {
        font-size: 2.3em;
    }

    h4.text-w3pvt,
    h4.text-wthree {
        font-size: 1.6em;
    }
    .skewb {
        transform: skew(0deg,-25deg);
    }
    .product-content {
        padding: 30px;
    }
}
@media(max-width:1440px){
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 2em 3.4em;
    }
    .upper-nav {
		left: 7em;
    }
    .center-container {
		padding: 2em 0px 36em;
    }
    .img_div {
        height: 260px;
    }
}
@media(max-width:1366px){
	.banner_logo h1 a {
		font-size: 2.2em;
		line-height: 45px;
    }
    .layouts_banner_info form {
		margin: .5% auto 0;
	}
	.main-sec {
        min-height: 35em;
        position: relative;
    }


    .main-sec.inner-page {
        min-height: 16em;
	}
	.banner-left-info {
        margin-top: 3em;
    }
}
@media(max-width:1290px){
    .img_div {
        height: 235px;
    }
    p.p-descr {
        margin-top: 0px;
    }
    .product-content p{
        font-size: 0.8em;
    }
}

@media(max-width:1280px){
    .upper-nav ul li a, .upper-nav ul li form {
    	font-size: 1.1em;
	}
	.upper-nav {
		position: absolute;
		margin: 0em;
		bottom: -3.5em;
		left: 10em;
		width: 78.32%!important;
    }
    .center-container {
		padding: 1.5em 0px 29em;
	}
	.banner-wthree-info h3 {
        font-size: 2.3em;
        margin-bottom: 0.7em;
    }

    .ab-content h4 {
        font-size: 1em;
        margin: 2em 0 1em 0;
    }
    .skewb {
        transform: skew(0deg,-28deg);
    }
    .product-content {
        padding: 30px;
        padding-top: 30px;
    }
}
@media(max-width:1199px){
    .product-section .card-wr {
        height: 345px;
    }
    .img_div {
        height: 215px;
    }
}
@media(max-width:1080px){
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 2.01em 2.333em;
	}
	.layouts_banner_info form {
		width: 42%;
	}
	.upper-nav {
		bottom: -3em;
		left: 8em;
		width: 78.32%!important;
    }
    .center-container {
		padding: 1.5em 0px 26em;
	}
	.newsletter-w3pvt form {
        margin: 0 auto;
        width: 90%;
    }
    .skewb {
        transform: skew(0deg,-31deg);
    }
    .img_div {
        height: 191px;
    }
}
@media(max-width:1050px){
	.upper-nav {
		left: 5.5em;
		width: 85%!important;
	}
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 2.01em 2.549em;
    }
    .center-container {
		padding: 1.5em 0px 25em;
	}
	.social-ficons ul li {
        margin: 0 0.5em;
    }
}
@media(max-width:1024px){
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 2.01em 2.44em;
    }
    .center-container {
		padding: 1em 0px 23.5em;
	}
    .img_div {
        height: 175px;
    }
    p.p-descr {
        margin-top: 0px;
    }
}
@media(max-width : 992px) {
     /*	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	} */
    .menu li.active a {
        color: #000000;
        font-weight: bold;
    }

    nav {
        margin: 0;
        width: 94%;
    }

    nav a {
        color: #333;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: inline-block;
        padding: 9px 15px;
        font-size: 20px;
        text-decoration: none;
        border: none;
        float: none;
        background-color: rgba(22, 21, 21, 0.43137254901960786);
        color: #fff;
        margin-bottom: 0;
        cursor: pointer !important;
    }

    .menu .toggle {
        float: none;
        margin: auto;
        width: 90%;
        padding: 5px;
        font-weight: normal;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .toggle:hover {
        color: #fff;
        background-color: #000000;
    }

    .nav-top-w3pvt {
        margin: 1em 0;
        position: absolute;
        width: 71%;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
        background: #fff;
        padding: 15px 0;
        width: 100%;
        text-align: center;
        border: 1px solid #ddd;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        padding: 7px 0;
    }

    nav a {
        padding: 5px 0;
    }

    nav a:hover {
        color: #000000;
        font-weight: bold;
    }

    .login-icon {
        text-align: center;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: transparent;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }


    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #fff;
    }

    nav ul ul li a {
        font-size: 15px;
    }

    ul.inner-ul {
        padding: 0 !important;
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */

    }

    nav {
        margin: 0;
        padding: 0;
        margin-top: 0;
        float: left;
        width: 95%;
        position: absolute;
        z-index: 99;
    }
    .design-process-content {
        height: 255px;
    }
}
@media(max-width:991px){
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 2.01em 2.3em;
	}
	.banner-left-info {
        margin: 3em 0;
    }

    .banner-img img {
        width: 70%;
    }

    .banner-wthree-info h3 {
        font-size: 2.5em;
        padding: 0 2em 0 0em;
    }

    .ab-content-img {
        min-height: 20em;
    }

    .bottom-w3pvt-left img {
        width: 100%;
    }

    .social-ficons ul li {
        margin: 0 0.3em;
    }

    .shop-info-grid {
        float: left;
        width: 50%;
    }
    .card-wr{
        height: 415px;
    }
    nav{
        width: 70%;
    }
    .banner-img img {
        width: 100%;
    }
    .search-form {
        width: 12%;
    }
    .fab_container {
        position: fixed;
        bottom: 99px;
        right: 25px;
        z-index: 999;
        cursor: pointer;
    }
    .fab_container2 {
        position: fixed;
        bottom: 28px;
        right: 25px;
        z-index: 999;
        cursor: pointer;
    }
    .whatsapp {
        height: 50px;
        width: 50px;
    }
    .img_div {
        height: 260px;
    }
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .first_category {
        position: relative;
        margin-top: 20px;
    }
    .product-btn {
        padding: 30px 38px 30px 38px;
        justify-content: center;
    }
    .product-content .row {
        flex-wrap: unset;
    }
    .more1, .more2, .more3, .more4{
        display: inline;    
    }
    .btn1, .btn2, .btn3, .btn4{
        display: none;
    }
    p.p-descr {
        margin-top: 20px;
        font-size: 0.9em;
    }
}

@media(max-width:900px){
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 1.5em 1.95em;
    }
    .upper-nav {
		left: 5em;
		bottom: -2.3em;
	}
	.title-wthree,
    .title-wthree.two {
        font-size: 2em;
    }

    h4.text-wthree {
        font-size: 1.6em;
    }
    .skewb {
        transform: skew(0deg,-36deg);
    }
}
@media(max-width:800px){
	.upper-nav ul li a, .upper-nav ul li form {
		font-size: 1em;
		padding: 1.5em 1.835em;
    }
    .upper-nav {
		left: 4.4em;
	}
	.search-form {
        width: 11%;
        float: right;
    }

    .item-info-product h4 a {
        font-size: 12px;
    }
    .skewb {
        transform: skew(0deg,-42deg);
    }
    .img_div {
        height: 200px;
    }
}
@media(max-width:768px){
	.upper-nav ul li a, .upper-nav ul li form {
		padding: 1.5em 1.698em;
    }
}
@media(max-width:767px){
	.upper-nav {
		width: 100%;
		left: 4.15em;
		bottom: -1.5em;
    }
    .upper-nav ul li {
		display: block;
		margin: .6em 0 !important;
    }
    .upper-nav ul li.login {
		margin-left: 0% !important;
    }
    .upper-nav ul li a {
		padding: .5em 0;
    }
    .upper-nav ul {
		padding: 0 0 1em 0;
	} 
	.upper-nav ul li.home-icon a {
		padding: 1em !important;
    }
    div#bs-example-navbar-collapse-1 {
        border: none;
        box-shadow: 0 0 0;
        position: absolute;
        width: 100%;
        background: #1b1b1b;
        z-index: 9999;
	}
	.content-gd-wthree {
        margin: 2em 0;
    }

    .contact_left.p-4 {
        margin-top: 2em;
    }

    .newsletter-w3pvt p {
        font-size: 1em;
    }

    .subscribe-sec input {
        margin-bottom: 1em;
    }
    .card-wr {
        height: 360px;
    }
    .product-section .card-wr {
        height: 315px;
    }
    .process-model li::after{
        right: 140px;
    }
    .search-form {
        width: 14%;
        float: right;
    }
    .img_div {
        height: 270px;
    }
    #logo h1{
        font-size: 33px;
    }
}
@media(max-width:736px) {
    .banner-wthree-info h3 {
        font-size: 2.3em;
        padding: 0 2em 0 0em;
    }
    .design-process-content {
        padding: 16px 7% 30px 30px;
    }
}
@media(max-width:667px){
    .upper-nav {
		left: 3.5em;
		bottom: -1.5em;
    }
    .banner_header {
		padding: 2em 2.5em 0;
    }
    .img_div {
        height: 230px;
    }
}
@media(max-width:600px) {
    .banner-wthree-info h3 {
        font-size: 2em;
        padding: 0 2em 0 0em;
    }

    .title-wthree,
    .title-wthree.two {
        font-size: 1.8em;
    }

    .btn.shop {
        padding: 0.6em 2em;
    }

    .content-grid {
        max-width: 500px;
        margin: 3em auto;
    }

    nav a {
        font-size: 0.8em;
    }

    .content-bottom {
        padding: 0em 0em;
        margin: 0 1em;
    }

    .btn.shop {
        padding: 0.6em 1.5em;
        font-size: 0.8em;
    }

    .ab-content-img {
        min-height: 15em;
    }
    .img_div {
        height: 200px;
    }
    nav ul li{
        text-align: left;
    }
}
@media(max-width: 575px){
    .card-wr {
        height: 475px;
    }
    .skewb {
        transform: skew(0deg,-55deg);
    }
    .col-xs-12 {
        margin: 0px 20px;
    }
    #hero .carousel-content.container {
        padding: 0px 20px;
    }
    #hero p {
        width: 100%;
    }
}
@media(max-width:568px){
    .upper-nav {
		left: 3.1em;
	}
	.main-sec.inner-page {
        min-height: 13em;
    }

    #logo a {
        float: left;
        font-size: .7em;
    }

    .shop-info-grid {
        float: left;
        width: 80%;
        margin: 0 auto;
    }

    .page-link {
        padding: 0.5rem 0.5rem;
        margin-left: -1px;
    }

    header .search {
        padding: 6px 10px;
        font-size: 12px;
        width: 85%;
    }
    .card-wr {
        height: 443px;
    }
}
@media screen and (max-width: 560px) {
    .more-icon-preocess.process-model li span {
          font-size: 23px;
          height: 50px;
          line-height: 46px;
          width: 50px;
      }
      .more-icon-preocess.process-model li::after {
          top: 34px;
      }
  }
@media(max-width:539px){
    .card-wr {
        height: 400px;
    }
}
@media(max-width:514px){
    .product-section .card-wr {
        height: 305px;
    }
    .process-model li::after {
        right: 128px;
    }
    .img_div {
        height: 162px;
    }
}
@media(max-width:480px){
    .upper-nav {
		left: 2.4em;
    }
    .banner_header {
		padding: 1em 1.5em 0;
	}
	.sub-des {
        font-size: 0.27em;
        letter-spacing: 4px;
    }

    header a.btn {
        font-size: 0.85em;
    }
    .card-wr {
        height: 355px;
    }
    .product-section .card-wr {
        height: 265px;
    }
    .search-form {
        width: 17%;
        float: right;
    }
    .category_text {
        font-size: 2.1em;
    }
    .category_content .btn.shop {
        font-size: 0.7em;
    }
}

@media(max-width:440px) {
    .banner-wthree-info h3 {
        font-size: 1.8em;
        padding: 0 2em 0 0em;
    }

    .banner-left-info {
        margin: 2em 0 1.5em 0;
    }

    h4.text-w3pvt,
    h4.text-wthree {
        font-size: 1.2em;
    }
    .card-wr {
        height: 322px;
    }
    .product-section .card-wr {
        height: 245px;
    }
    .img_div {
        height: 135px;
    }
    #logo h1 {
        font-size: 24px;
    }
}
@media(max-width:414px) {

    .title-wthree,
    .title-wthree.two {
        font-size: 1.6em;
    }

    .banner-wthree-info h3 {
        font-size: 1.6em;
        padding: 0 2em 0 0em;
    }

    .search-form {
        width: 55%;
        float: right;
    }
    .card-wr {
        height: 299px;
    }
    .product-section .card-wr {
        height: 225px;
    }
    .search-form {
        width: 18%;
        float: right;
    }
    .img_div {
        height: 122px;
    }
    .product-content {
        padding: 10px;
            padding-top: 10px;
        padding-top: 0px;
    }
    .big-icons {
        height: 40px;
        width: 40px;

    }
    .big-icons i {
        font-size: 20px;
        padding: 9px 0px 15px 0px;
    }
}
@media(max-width:384px){
    .upper-nav {
		left: 2.2em;
		bottom: -2.5em;
    }
    .card-wr {
        height: 273px;
    }
    .product-section .card-wr {
        height: 200px;
    }
    .img_div {
        height: 108px;
    }
}
@media screen and (max-width: 380px) { 
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
    .process-model li::after {
        right: 86px;
    }
}
@media(max-width:375px){
    .upper-nav {
		left: 2.1em;
    }
    .card-wr {
        height: 258px;
    }
    .design-process-content {
        height: 280px;
    }
    .search-form {
        width: 21%;
        float: right;
    }
    .gallery_img_container{
        padding-left: 8px;
        padding-right: 8px;
    }
    .img_div{
        margin-bottom: 14px;
    }
}
@media(max-width:338px){
    .design-process-content {
        height: 310px;
    }
}
@media(max-width:320px){
    .upper-nav {
		left: 1.8em;
		bottom: -3.1em;
	}
	.title-wthree,
    .title-wthree.two {
        font-size: 1.4em;
    }

    .banner-wthree-info h3 {
        font-size: 1.4em;
        padding: 0 2em 0 0em;
    }
    .fab_icon_holder i {
        font-size: 32px;
    }
    .whatsapp {
        height: 40px;
        width: 40px;
    }
}