@media (max-width : 1366px) {
section {
  overflow-x:hidden;
}
}
@media (max-width : 1024px) {
.trendy-slider .carousel-caption h1 {font-size: 40px;}
.carousel-caption .visible-lg{display:block !important;}
.secondAnimation h2 {font-size:20px;}
.bannerRightAnim p {font-size: 0.9em !important;}
.service-content-area .clearfix {clear: unset !important;}
.service-content-area .clearfix {clear: unset !important;display: none;}
.PostClas_3 {margin-left:25%;}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width : 766px) {
/*home-carousel*/
.trendy-slider .controls li {
	padding: 30px 10px;
}
.trendy-slider .controls li span {
	display: none;
}
.trendy-slider .carousel-caption {
	margin-top: -80px;
}
.trendy-slider .carousel-caption h1 {
	font-size: 22px;
	line-height: 35px;
	letter-spacing: 0px;
	margin-bottom: 0;
}
.trendy-slider .carousel-caption p {
	font-size: 10px;
	margin-bottom: 15px;
}
.trendy-slider .carousel-caption .btn {
	font-size: 14px;
	padding: 1px 8px;
}
/* === Creative Section === */
.mac-screenshot img, .responsive-screenshot img {
	margin: 0 auto;
}
/* === SERVICE SECTION === */
.service-tab li > a {
	padding: 20px 10px;
}
.service-tab li span {
	display: none;
}
/* === PORTFOLIO SECTION === */
.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%;
}
/*About us section*/
.creative-skills {
	margin-bottom: 30px;
}
/*process-box */
.process-box {
	margin-bottom: 30px;
}
/*quote-carousel*/
#quote-carousel .carousel-indicators {
	bottom: -45px;
	left: 40%;
	width: 90%;
	margin-left: -35%;
}
#quote-carousel .carousel-control {
	bottom: 0;
}
#quote-carousel .carousel-control.left {
	left: 0;
}
#quote-carousel .carousel-control.right {
	right: 0;
}
/*case-study*/
.case-study-left {
	padding: 60px 25px 60px 25px;
}
.case-study-right {
	padding: 60px 25px 60px 25px;
}
/*contact-section*/
.contact-section .btn {
	min-width: 260px;
}
.social-icon li {
	margin-bottom: 10px;
}
/* === SERVICES SECTION === */
.sbox-gutter {
	border: 0;
}
/* === about-section === */
.video-wrap iframe {
	height: 160px;
	margin-top: 20px;
}
}

/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {
/* === HOME CAROUSEL === */
.trendy-slider .controls li {
	padding: 30px 10px;
}
.trendy-slider .controls li span {
	font-size: 14px;
	display: block;
}
.trendy-slider .carousel-caption {
	margin-top: -95px;
}
.trendy-slider .carousel-caption h1 {
	font-size: 33px;
	line-height: 56px;
}
.trendy-slider .carousel-caption p {
	font-size: 14px;
	margin-bottom: 25px;
}
/* === SERVICE SECTION === */
.service-tab li > a {
	padding: 20px 10px;
	font-size: 14px;
}
.service-tab li span {
	display: block;
}
/* === PORTFOLIO SECTION === */
.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%;
}
/* === about-section === */
.video-wrap iframe {
	height: 330px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {
/*navbar*/
.navbar-default .navbar-nav>li>a {
	padding: 40px 12px;
}
.navbar-default.sticky .navbar-nav>li>a {
	padding: 20px 12px;
}
/*home-carousel*/
.trendy-slider .controls li {
	padding: 30px 10px;
}
.trendy-slider .carousel-caption {
	margin-top: -142px;
}
.trendy-slider .carousel-caption h1 {
	font-size: 60px;
	line-height: 44px;
	letter-spacing: -3px;
	margin-bottom: 30px;
}
/* === feature-section === */
.feature-section .media {
	margin: 0 0 40px;
}
/* === about-section === */
.creative-skills {
	margin-bottom: 30px;
}
.video-wrap iframe {
	height: 200px;
}
/* === SERVICES SECTION === */
.sbox-gutter:nth-child(2), .sbox-gutter:nth-child(4), .sbox-gutter:nth-child(6) {
	border-right: 0;
}
.sbox-gutter:nth-child(3) {
	border-right: 1px solid #dedede;
}
.sbox-gutter:nth-child(4) {
	border-bottom: 1px solid #dedede;
}
/*process-box */
.process-box {
	margin-bottom: 30px;
}
/*quote-carousel*/
#quote-carousel .carousel-indicators {
	bottom: -45px;
}
#quote-carousel .carousel-control {
	bottom: 0px;
}
/*case-study*/
.case-study-left {
	padding: 60px 25px 60px 25px;
}
.case-study-right {
	padding: 60px 25px 60px 25px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
/* === about-section === */
.video-wrap iframe {
	height: 260px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width : 1280px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1920px) {
}

@media (min-width : 768px) and (max-width : 991px) {
.container {
	width: 100%;
}
}

@media (min-width: 768px) {
.container {
}
}
@media (max-width : 996px) {
	.trendy-slider .carousel-caption.creative-caption {
    left: 0%;
	transform: translate(0%, 0%);
	}
}
@media (max-width : 991px) {
	.PostClas_3 {margin-left:0%;}
}
@media (max-width : 995px) {
.BenefitSec .col-md-4 {
	width: 33.3333%;
	float: left;
}
.bannerRightAnim h2 {
	font-size: 22px;
}
.tt-default-nav.navbar-custom .nav>li>a {
	line-height: 1.2;
	padding: 5px 10px;
}
.captions_left {
	margin-top: 18%;
}
.carousel-caption.creative-caption .col-sm-9{width:68%;}
.bannerRightAnim img {
	display: none;
}
.trendy-slider .carousel-caption {
	margin-top: -22px;
}
.trendy-slider .carousel-caption.creative-caption {
	right: 0;
}
.bannerRightAnim {
	background: #273c6b;
	color: #fff;
	padding: 14% 10%;
	min-height: 300px;
	border-bottom-left-radius: 90px;
	border-top-right-radius: 90px;
}
.trendy-slider .carousel-caption {
	top: 8%;
}
.trendy-slider .carousel-caption h1 {
	font-size: 40px;
	line-height: 44px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.col-sm-3.visible-lg {
	display: block !important;
}
}

@media (max-width : 901px) {
.bannerRightAnim span.bannerRightAnc {
	text-align: center;
	display: block;
}
.captions_left {
    margin-top: 10%;
}
}

@media (max-width : 768px) {
.navbar-nav {
	margin-top: 7%;
}
.tt-default-nav.navbar-custom .nav>li>a {
	line-height: 1.2;
	padding: 5px 10px;
}
.trendy-slider .carousel-caption p {
	max-height: 90px;
	overflow: hidden;
}
.bannerRightAnim h2 {
	font-size: 20px;
	padding: 0% 10% 0% 0%;
}
.bannerRightAnim {
	padding: 12% 8%;
	min-height: 230px;
}
.trendy-slider .carousel-caption h1 {
    font-size: 25px;
    line-height: 30px;
}
}

@media (max-width : 767px) {
.navbar-collapse.in {
	width: 100%;
	background: #fff;
	z-index: 9;
}
.navbar-custom li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
	display: block;
	border-top: none !important;
}
.po-relative {
	background-position: center center;
	background-size: 100% 100%;
}
.footer-bottom .col-sm-6 {
	width: 50%;
	display: inline-block;
	float: left;
}
.navbar-toggle {
	margin-top: 35px !important;
	border: 1px solid #18419b;
	border-radius: 4px;
	margin-right: 4% !important;
}
.sticky .navbar-toggle {
	margin-right: 4% !important;
}
.testimoniesSec {
	padding: 10%;
}
.icon-box-item .icon-box__info {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	width: auto;
}
.icon-box-item .icon-box__icon {
	margin-right: 35px;
}
.bannerRightAnim {
	display: none;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	object-fit: cover;
	height: 350px;
}


.navbar-brand {
    height: auto;
}
.navbar-collapse {
    background: #fff;
    height: inherit !important;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease-in-out;
	position:absolute;
}
.navbar-collapse.in {
    transform: scaleY(1);
    transition: transform 0.26s ease-in;
}
.navbar-custom .dropdown-toggle:after, .navbar-custom .dropdown-menu .dropdown-toggle:after{
	margin: 0;
	padding: 0;
	top: calc(50% - 11px);
}
}

@media (max-width : 650px) {
.banner-left-inner h1 {
	margin-top: 3%;
	font-size: 22px;
}
.footer-logo {
	margin-bottom: 6%;
}
.social-icon.clearfix {
	margin-bottom: 6%;
}
.navbar-brand {
	height: 100px;
}
.banner-left-inner {
	padding-top: 4%;
}
.footer-logo .pb-50 {
	padding-bottom: 25px;
}
.BenefitSec .col-md-4 {
	width: 100%;
	padding-bottom: 4%;
}
.po-relative {height:auto;}
}

@media (max-width : 550px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	object-fit: cover;
	height: 300px;
}
.captions_left {
    width: 100%;
}
.carousel-caption.creative-caption .col-sm-9 {
    width: 80%;
}
#client-slider-v2 .carousel-inner {
    min-height: 240px;
}
}

@media (max-width : 375px) {
a.navbar-brand {
	width: 72%;
}
}