@media only screen and (min-width: 1600px) {
    
    .header-heading-item {
        max-width:650px;
    }
}
/*Tablet View*/

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

	/*Begin : Home page */

	.masthead-subheading {
	    font-size: 100px;
	    line-height: 90px;
	    height: 195px;
	}

	.gradient-container {
    height: 50vh;
     }

	.gradient-section .container{
		height: 50vh;
	}

	.work-item {
	    height: 40vh;
	}

	img.client-images {
		margin-top: 20px;
	}

	/*End : Home page */


	/*Begin: Agency page*/
	.masthead-agency {
    padding-top: 235px;
    margin-bottom: 0;
}

	.masthead-subheading-agency {
		font-size: 60px;
		line-height: 60px;
		margin: 0;
		padding: 0;
	}

	.header-heading-item-agency {
		left: 0;
		top: 5%;
		transform: translate(0, -50%);
	}

	.oursite-bg {
		height: 40vh;
	}

	.main-heading {
		font-size: 55px;
		line-height: 55px;
	}

	.target-list-div {
		margin-top: 0;
		margin-left: 0;
	}
	
	.target{
		padding: 0;
	}

	.target-list-border h1 {
		font-size: 22px;
	}

	.target-list-border p {
		font-size: 18px;
	}
	
	.expertise {
		padding: 0 0 70px 0 !important;
	}

	.expertise-div {
		height: 20vh;
	}

	.cocreation-div{
		height: auto;
		margin-top:130px;
	}

	ul.expertise-list {
		list-style-position: inside;
		padding-left: 0;
	}

	.div-arrow {
		display: none;
	}
	.expertise-text {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.co-expertise-headinglight {
		font-size: 45px;
		line-height: 35px;
	}
	.workmain-div .heading-icon {
		height: 80px;
		width: 80px;
		background-size: contain;
		top: 50%;
		transform: translateY(-50%);
	}
	.lifeatTR-bg {
		background-size: contain;
		margin-bottom: 20%
	}
	.gradient-text-lifeatTR {
		margin: 0;
	}

	.gradient-text-lifeatTR img {
		height: 420px;
	}

	.gradient-subtext-lifeatTR {
		margin-top: 0;
		color: #000;
	}

	.lifeTR-headinglight {
		font-size: 35px !important;
		line-height: 35px !important;
		color: #000 !important;
	}

	.btn-text-black{
		color: #000 !important;
	}

	/*End: Agency page*/

	.ice-box {
	    margin-top: 30px;
	    margin-left: 0;
	    margin-right: 0;
	}

 .masthead-subheading-contact {
     font-size: 62px;
	}
	 .contact-detail p{
	     font-size: 16px;
	}
	 .text-greenBg-contact {
	     padding: 0px 22px 0 22px;
	}

	.contact-us h4 {
		font-size: 40px;
	}
	.post-content > .vc_row-fluid {
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.single-category-list {
		padding: 0 20px 0 20px;
	}

	.menu-item-1210 a {
		border: none !important;
	}
}

/*End: Tablet View*/

/*Mobile View */

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

/*Begin : Home page */
	.work-item {
	    height: 26vh;
	}
	.header-subHead {
		font-size: 25px;
		color: #fff;
		font-family: 'ProductSans-Light';
	}
    .header-heading-item img {
        max-width:300px;
    }
	.header-heading-item {
	    padding:0 20px	
	}

	.masthead-subheading {
		font-size: 70px;
		line-height: 60px;
		height: 145px;
	}
	.header-subHead {
		font-size: 25px;
	}
	.gradient-container {
		height: 20vh;
	}
	.gradient-section .container {
		height: 30vh;
	}
	.gradient-section {
		height: auto;
	}
	.gradient-text p {
		font-size: 20px;
		line-height: 30px;
	}
	.projects-showcase img {
		max-height: 250px;
	}
	.projects-showcase .wpbm-inner-wrap  {
		padding-left:0;
		padding-right:0;
	}
	.projects-showcase .wpbm-grid-template-28 .wpbm-title a,
	.projects-showcase .wpbm-grid-template-28 .wpbm-title {
		font-size:20px;
	}
	.light-heading {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 50px;
	}
	.project-content h3 {
		font-size: 20px;
		line-height: 20px;
	}
	.project-content p {
		margin-bottom: 10px;
	}
	.footer-content h3 {
		font-size: 35px;
		line-height: 35px;
	}
	.footer-contact h4 {
		font-size: 20px;
	}
	.header-heading-item {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	img.client-images {
		width: 70px;
		margin-bottom: 10px;
	}
	img.award-images {
		margin-bottom: 20px;
	}
	.portfolio-logo-boxes {
		padding-bottom:40px;
	}
	.work-item__image, .work-item__image {
		height: auto;
		transform: translateY(0) !important;
	}
	.project-content h3 {
		display: none;
	}
	.reveal-text{
		font-size: 2rem;
	}
	.reveal-text img {
		width: 90px;
	}
	.clients-boxes>.row {
    	margin-bottom: 20px;
	}

	/*End: Hompage*/

	/*Nav Bar Styling*/

	.main-navbar .container{
		max-width: 100%;
		padding: 0 15px;
	}
	.main-navbar {
	    padding: 15px 0;
	    background: #000;
	    border-bottom: 1px solid #4ee15c;
	}

	/*Begin: Agency page*/

	.masthead-agency {
    padding-top: 235px;
    margin-bottom: 0;
}
	.masthead-subheading-agency {
		font-size: 65px;
		line-height: 80px;
	}
	
/* 	.text-greenBg {
		padding: 0 7% 0 9%;
	}
 */
	.gradient-container-agency {
		height: 85vh;
		padding: 0 1% 0 1%;
	}

	.gradient-text-agency p {
		font-size: 25px;
		line-height: 25px;
	}

	.gradient-subtext-agency p {
		font-size: 20px;
		line-height: 24px;
	}

	.oursite-bg {
		background-size: contain;
		height: 30vh;
	}

	.ourteam {
		padding: 200px 0px 20px 0px !important;
	}
	
	.target {
		padding: 0 !important;
	}
	
	.target-list-border:first-child {
		border-bottom: 1px solid black;
	}

	.gradient-bv-container {
		height: 50vh !important;
	}
	
	.expertise {
		padding: 0 !important;
	}
	.expertise-div {
		height: 45vh;
	}

/* 	.cocreation-div{
		background-size: contain;
	} */
	
	.div-arrow {
		display: none;
	}	
	.gradient-text-lifeatTR img {
		height: 200px;
	}
	
	.first-col {
    padding-left: 50px;
}
	.lifeTR-headinglight {
		font-size: 35px !important;
		line-height: 35px !important;
		color: #fff !important;
	}
	
	.gradient-subtext-lifeatTR {
		margin-top: 20px;
		color: #fff;
	}
	
	.btn-text-black{
		color: #fff !important;
	}


	/*End : Agency Page*/
	
	/*Begin: Expertise Page*/
	.bold-heading-icon h3 {
    font-size: 60px;
    line-height: 65px;
   
}
	/*End: Expertise Page*/

	.masthead-subheading-contact {
	     font-size: 35px;
	}
	 .text-greenBg-contact {
	     padding: 0px 12px 0 12px;
	}

	.contact-us h4 {
		font-size:26px ;
	}

	.contactmain-div{
		background-size: contain;
	}
 
	.post-heading img {
		margin-bottom: 18px;
	}
	h1.post-sub-heading {
		font-size: 40px !important;	
	}
	
	.full-screen {
	    background: url(../images/mobile-bg.png);
	    background-position: center -8px;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.main-menu-transparent {
		position: static !important;
	}
	.trusted-clients img {
		max-width: 100% !important;
	}
	.center-text h4 {
	    font-size: 12px;
	}
	.center-text h3 {
	    font-size: 18px;
	}
    .service-lik .elementor-icon-box-wrapper {
        display: flex;
        text-align: left !important;
        flex-direction: row-reverse;
    }
    .mob-relative {
        position:relative !important;
    }
    
    h2.reveal-type {
        font-size:25px !important;
    }
    .comfort-img {
      height: auto !important;
    }
    
    .comfort-video {
        border-radius: 15px;
        overflow: hidden;
        width: 240px !important;
        margin: 0 auto;
        height: 400px !important;
    }
}


/*End: Mobile View*/

@media screen and (max-width: 470px) {
	.masthead-subheading-agency {
    font-size: 30px;
    line-height: 35px;
}
	.masthead-subheading-agency{
		left:0;
	}
.ourteam {
    padding: 0px !important
}
	
	.masthead-agency{
		padding-top:170px;
		margin-bottom:0;
	}
	
	.gradient-text>.p-bv {
    font-size: 28px;
}
	
	
	.lifeTR-headinglight {
		font-size: 35px !important;
		line-height: 35px !important;
		color: #000 !important;
	}
	
	.gradient-subtext-lifeatTR {
		margin-top: 20px;
		color: #000;
	}
	
	.btn-text-black{
		color: #000 !important;
	}
	
	.workmain-div .heading-icon{
		right:0;
	}
	
	.post-heading h2{
		font-size:36px;
		line-height:36px;
	}
	
	.post-heading{
		left:3%;
	}
	
	.post-heading img {
    margin-bottom: 12px;
}
	
	.bold-heading-icon h3{
     font-size: 52px;
    line-height: 54px;
	}
	
	.first-col {
    padding-left: 24px;
}
	
	.main-heading {
    font-size: 45px;
    line-height: 47px;
}
	.cocreation-div{
		height: auto;
		margin-top:130px;
	}
	.work-post-details ul li a {
    font-size: 11px;
    line-height: 11px;
}



}