/* -- Responsive code -- */

@media screen and (max-width: 1280px) {
    .slide-banner h5 {
        font-size: 2.2em;
    }

    .single_grid_text p {
        font-size: 19px;
    }

    .single_grid_text h6 {
        font-size: 1.8em;
    }

    .about-wthree h3 {
        font-size: 1.8em;
    }

    a.logo-wthreepvt {
        font-size: 1.7em;
    }
}

@media screen and (max-width: 1080px) {
    .feature-list h5 {
        font-size: 0.95em;
    }
}

@media screen and (max-width: 1050px) {
    .about-wthree h3 {
        margin-bottom: 1.5em;
    }
}

@media screen and (max-width: 1024px) {
    .slide-banner h5 {
        font-size: 2em;
    }

    section.banner {
        min-height: 600px;
    }

    section.slide-banner {
        min-height: 300px;
    }
}

@media screen and (max-width: 991px) {
    .screen-grid-wthree-pvt {
        width: 70%;
        margin: 0 auto;
    }

    .single_grid_text {
        padding-left: 0;
        margin-top: 2em;
    }

    .single_grid_text h6 {
        font-size: 1.6em;
    }

    .single_grid_text p {
        font-size: 18px;
    }

    .row.sec-space {
        margin-bottom: 3em;
    }
}

@media screen and (max-width: 900px) {
    a.logo-wthreepvt {
        font-size: 1.5em;
    }

    section.banner {
        min-height: 530px;
    }

    section.slide-banner {
        min-height: 250px;
    }

    .slide-banner h5 {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 800px) {
    h2.home-banner-w3 {
        font-size: 1.5em;
    }

    .about-wthree {
        padding: 3em 0 0;
    }

    .about-wthree h3 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 768px) {
    .slide-banner h5 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 736px) {
    a.logo-wthreepvt {
        font-size: 1.3em;
    }

    h2.home-banner-w3 {
        font-size: 1.4em;
    }

    .wthree-link-bnr {
        padding: 8px 28px;
        letter-spacing: 0.5px;
    }
}

@media screen and (max-width: 667px) {

    .slide-banner h5 {
        font-size: 1.5em;
    }

    section.banner.slide-banner {
        margin-top: 3em;
    }
}

@media screen and (max-width: 640px) {
    .slide-banner h5 {
        margin-bottom: 0.5em;
    }
}

@media screen and (max-width: 600px) {
    section.banner {
        min-height: 450px;
    }

    h2.home-banner-w3 {
        line-height: 1.5;
        padding: 10px;
    }

    section.banner.slide-banner {
        min-height: 220px;
    }

    .slide-banner h5 {
        line-height: 1.5;
    }
}

@media screen and (max-width: 568px) {}

@media screen and (max-width: 480px) {
    section.banner {
        min-height: 400px;
    }

    a.logo-wthreepvt {
        font-size: 1.1em;
    }

    .slide-banner h5 {
        font-size: 1.3em;
    }

    .screen-grid-wthree-pvt {
        width: 100%;
    }
}

@media screen and (max-width: 414px) {
    h2.home-banner-w3 {
        font-size: 1.2em;
    }

    .about-wthree h3 {
        line-height: 1.5;
    }
}

@media screen and (max-width: 384px) {}

@media screen and (max-width: 375px) {
    .single_grid_text p {
        font-size: 17px;
    }

    .wthree-link-bnr {
        padding: 5px 28px;
    }

    .single_grid_text p {
        font-size: 16px;
    }

    .single_grid_text h6 {
        font-size: 1.5em;
    }

    .about-wthree {
        padding: 1em 0 0;
    }
}

@media screen and (max-width: 320px) {
    h2.home-banner-w3 {
        font-size: 1.1em;
    }

    a.logo-wthreepvt {
        font-size: 1em;
    }

    .about-wthree h3 {
        margin-bottom: 0.5em;
    }

    .feature-list h5 {
        margin: 1em 0;
    }

    .about-wthree h3 {
        font-size: 1.2em;
    }
}

/* -- //Responsive code -- */

/*================= Gallery CSS==============*/

.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}
.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}

/**********************Price Plans CSS***********************/
.bg-gradient {
    background: #C9D6FF;
    background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF); 
    background: linear-gradient(to right, #E2E2E2, #C9D6FF);
    } 
    .prplan ul li {
      margin-bottom:1.4rem;
    }
    .pricing-divider {
    border-radius: 20px;
    background: #C64545;
    padding: 1em 0 4em;
    position: relative;
    }
    .blue .pricing-divider{
    background: #2D5772; 
    }
    .green .pricing-divider {
    background: #1AA85C; 
    }
    .red b {
      color:#C64545
    }
    .blue b {
      color:#2D5772
    }
    .green b {
      color:#1AA85C
    }
    .pricing-divider-img {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 80px;
    }
    .deco-layer {
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
    }
    .btn-custom  {
      background:#C64545; color:#fff; border-radius:20px
    }
    .btn-cust{
        border-radius:20px;
        background: #28a745;
    }
    
    .img-float {
      width:50px; position:absolute;top:-3.5rem;right:1rem
    }
    
    .princing-item {
      transition: all 150ms ease-out;
    }
    .princing-item:hover {
      transform: scale(1.05);
    }
    .princing-item:hover .deco-layer--1 {
      -webkit-transform: translate3d(15px, 0, 0);
      transform: translate3d(15px, 0, 0);
    }
    .princing-item:hover .deco-layer--2 {
      -webkit-transform: translate3d(-15px, 0, 0);
      transform: translate3d(-15px, 0, 0);
    }
/**********************Price Plans CSS***********************/