/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {

	.container-fluid {
		padding: 0px 100px !important;
	}

	.banner-text-section h1 {
		left: 100px
	}

	.why-choose-section-left {
		padding: 100px 0px 100px 120px;
		margin: 0px;
	}

}


/* large desktop :2001px. */
@media (min-width: 2001px) and (max-width: 2160px) {}

/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {

	.contactus-left h3 {
		left: 30px;
		bottom: 60px;

	}


}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1399px) {


	.banner-left h1 {
		width: 96%;
	}


	.footer-top {
		padding: 50px 0px;
	}


	.home-banner {
		padding: 50px 0px 0px;
		margin: 0px;
	}


	.home-banner-left {
		margin: 15% 0%;
		padding: 0px;
	}


	.newsletter-box h2 {
		padding: 0% 3%;
	}

	.newsletter-box-icon1 {
		position: absolute;
		right: -34px;
		top: 11%;
		width: 150px;
		height: 150px;
	}


	.newsletter-box-icon2 {
		position: absolute;
		left: -30px;
		bottom: 8%;
		width: 150px;
		height: 150px;
	}


	.newsletter-box {

		padding: 7% 10%;

	}


	.newsletter-box p {
		margin: 0px 0px 15px 0px;
	}


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

.banner-right img{ width: 85%;}
.page-template-work-page-php .main-slider h1{margin:20px 0px 20px 0px;}
	/* ==========================css========================================== */


	.logo img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}


	.navigation {
		padding: 12px 0px 0px;
		margin: 0px;
	}


	.navigation .stellarnav ul>li>a {
		text-align: left;
	}


	.banner-inner {
		position: unset;
		height: auto;
	}

	.banner-left {
		margin: 80px 0px 40px 0px;
		padding: 0px;
	}

	.banner-right {
		/*position: unset;*/
		bottom: 0px;
		right: 0px;
	}


	.banner-left h1 {
		font-size: 23px;
		line-height: 50px;
		margin: 20px 0px 40px 0px;
		width: 88%;
	}


	.footer-top {
		padding: 20px 0px;
		text-align: center;
	}


	.footer-logo-section img {
		width: 100%;
	}

	.footer-menu ul {

		justify-content: center;

	}

	.footer-menu ul li a {
		font-size: 16px;

		line-height: 16px;
	}


	.footer-menu {
		padding: 25px 0px 0px;
		margin: 0px auto;
	}

	.footer-bottom-left {
		text-align: left;
	}


	.footer-bottom-right {
		text-align: right;
	}


	.footer-bottom p {
		font-size: 13px;

		line-height: 23px;
	}


	.footer-bottom {
		padding: 10px 0px;
	}


	.home-banner {
		padding: 0px;

	}


	.home-banner-left h1 {
		font-size: 30px;
		line-height: 50px;
		margin: 90px 0px 40px 0px;
		width: 100%;
		text-align: left;
	}


	.home-banner-left {
		margin: 0%;
		padding: 0px;
	}

	.home-banner-right {
		position: unset;
		padding: 5% 0% 0%;
		margin: 0px;
	}

	.enter-butn {
		font-size: 20px;
		line-height: 16px;
		padding: 12px 40px;
		margin: 0px;
	}

	.inner-section-bg {
		padding: 30px 0px;
	}


	.work-img-box {
		border-radius: 30px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}


	.newsletter-box-icon1 {
		position: absolute;
		right: -25px;
		top: 7%;
		width: 80px;
		height: 80px;
	}

	.newsletter-box-icon2 {
		position: absolute;
		width: 80px;
		height: 80px;
		left: -5px;
		bottom: 5%;
	}

	.newsletter-box h2 {
		font-size: 33px;
		line-height: 44px;
		color: #fff;
		padding: 22% 6%;
		margin: 0px;
		padding: 8% 4% 5%;
	}

	.newsletter-box p {
		font-size: 22px;
		font-weight: 400;
		line-height: 33px;
	}

	.newsletter-box {
		background: #5C4AFF;
		box-shadow: 0px 4px 60px 0px #0000000D;
		border-radius: 150px 50px 150px 150px;
		text-align: center;
		padding: 5% 15%;
		position: relative;
	}

	.newsletter-inner-sub {
		margin: 40px 0px;
		padding: 0%;
		display: flex;
		justify-content: space-between;
		gap: 10px;
		align-items: center;

	}


	.input-group-append .send {

		padding: 20px 71px;
		border-radius: 38px;

		font-size: 16px;

		line-height: 16px;


	}

	.inner-banner h1 {
		font-size: 30px;
		font-weight: 400;
		line-height: 50px;
		padding: 50px 0px;
	}

	.about-page-left {
		padding: 0px;
		margin: 0px;
	}


	.about-page-left p {
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
		padding: 0px 0px 15px 0px;
	}

	/* ==========================css========================================== */


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 0px 10px;
		margin: 0 0;
		width: 100%;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 15px;
		color: #000000;
		padding: 12px 7px;
		border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #fff !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #fff !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 100%;
		padding: 0px 12px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px !important;
	}

	.stellarnav .menu-toggle {
		padding: 12px 0px 0px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 30px;
		height: 4px;
		margin: 0 0 4px;
		background: #52C3FA !important;
	}

	.stellarnav.mobile.right>ul {
		z-index: 99999;
		background: #52C3FA;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #fff;
	}

	.stellarnav>ul>li>a.active {
		color: #fff !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;
	}


	/* ==================================================================== */
	/* ==========================css========================================== */


	.logo img {
		width: 60%;
		height: auto;
		object-fit: contain;
	}


	.navigation {
		padding: 0px;
		margin: 0px;
	}


	.navigation .stellarnav ul>li>a {
		text-align: left;
	}


	.banner-inner {
		position: unset;
		height: auto;
	}

	.banner-left {
		margin: 108px 0px 40px 0px;
		padding: 0px;
	}

	.banner-right {
		position: unset;
		bottom: 0px;
		right: 0px;
		        margin-top: 25px;
	}
 

	.banner-left h1 {
		font-size: 14px;
		line-height: 44px;
		margin: 20px 0px 40px 0px;
		width: 100%;

	}

	.footer-top {
		padding: 20px 0px;
		text-align: center;
	}


	.footer-logo-section img {
		width: 100%;
	}

	.footer-menu ul {

		justify-content: center;

	}

	.footer-menu ul li a {
		font-size: 16px;

		line-height: 16px;
	}


	.footer-menu {
		padding: 25px 0px 0px;
		margin: 0px auto;
	}

	.footer-bottom-left {
		text-align: left;
	}


	.footer-bottom-right {
		text-align: right;
	}


	.footer-bottom p {
		font-size: 13px;

		line-height: 23px;
	}


	.footer-bottom {
		padding: 10px 0px;
	}


	.home-banner {
		padding: 0px;

	}


	.home-banner-left h1 {
		font-size: 22px;
		line-height: 44px;
		margin: 70px 0px 40px 0px;
		width: 100%;
		text-align: left;
	}


	.home-banner-left {
		margin: 0%;
		padding: 0px;
	}

	.home-banner-right {
		position: unset;
		padding: 7% 0% 0%;
		margin: 0px;
	}

	.enter-butn {
		font-size: 16px;
		line-height: 16px;
		padding: 12px 25px;
		margin: 0px;
	}


	.inner-section-bg {
		padding: 30px 0px;
	}


	.work-img-box {
		border-radius: 30px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}


	.newsletter-box-icon1 {
		position: absolute;
		right: -25px;
		top: 7%;
		width: 80px;
		height: 80px;
	}

	.newsletter-box-icon2 {
		position: absolute;
		width: 80px;
		height: 80px;
		left: -5px;
		bottom: 5%;
	}

	.newsletter-box h2 {
		font-size: 33px;
		line-height: 44px;
		color: #fff;
		padding: 22% 6%;
		margin: 0px;
		padding: 8% 4% 5%;
	}

	.newsletter-box p {
		font-size: 22px;
		font-weight: 400;
		line-height: 33px;
	}

	.newsletter-box {
		background: #5C4AFF;
		box-shadow: 0px 4px 60px 0px #0000000D;
		border-radius: 150px 50px 150px 150px;
		text-align: center;
		padding: 5% 14%;
		position: relative;
	}

	.newsletter-inner-sub {
		margin: 40px 0px;
		padding: 0%;
		display: flex;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
		flex-wrap: wrap;
	}

	.input-group-append {
		width: 100%;
	}


	.input-group-append .send {

		padding: 20px 71px;
		border-radius: 38px;

		font-size: 16px;

		line-height: 16px;


	}

	.inner-banner h1 {
		font-size: 22px;
		font-weight: 400;
		line-height: 44px;
		padding: 20px 0px;
	}


	.about-page-left {
		padding: 0px;
		margin: 0px;
	}


	.about-page-left p {
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
		padding: 0px 0px 15px 0px;
	}

	/* ==========================css========================================== */
/*.desktopcarousel { display: none;}    */
.ipadcarousel { display: block;}   
.phonecarousel { display: none; } 


.carousel-inner img {
	height: 224px !important;
    }
.main-slider .d-md-block {
	top: 6%;
    }
.page-template-work-page-php .main-slider h1 {
      font-size: 26px;
        line-height: 30px;
        margin: 15px 0px;
    } 
.page-template-work-page .lear-more-but{padding:0px 15px; font-size:14px; line-height: 25.2px;}

.home .banner-left h1{line-height: 34px;}
.banner-right{ margin-top: 25px;}

}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
    .desktopcarousel{display:none;}
    .mobilecarousel{display:block;}
    .page-template-work-page-php .main-slider h1{font-size: 20px;
    line-height: 20px; margin:8px 0px 0px 0px; text-align:center; }
    .main-slider h1 span{display:inline-block;}
    .page-template-work-page .lear-more-but{ padding: 5px 10px; font-size: 12px; margin:5px auto; display:table;}
   .carousel-caption{right:5%;}
    /*.carousel-indicators{display:none;}*/
	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 0px 10px;
		margin: 0 0;
		width: 100%;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 13px;
		color: #fff;
		padding: 12px 3px;
		border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #61D9FE !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #61D9FE !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 100%;
		padding: 0px 12px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 0px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 30px;
		height: 4px;
		margin: 0 0 4px;
		background: #52C3FA !important;
	}

	.stellarnav.mobile.right>ul {
		z-index: 99999;
		background: #2A2A2A;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #fff;
	}

	.stellarnav>ul>li>a.active {
		color: #fff !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px !important;
	}

	/* ==========================css========================================== */


	.navigation {
		padding: 0px;
		margin: 0px;
	}


	.navigation .stellarnav ul>li>a {
		text-align: left;
	}


	.banner-inner {
		position: unset;
		height: auto;
	}

	.banner-left {
		margin: 0px 0px 40px 0px;
		padding: 0px;
		text-align: center;
	}

	.banner-right {
		position: unset;
		bottom: 0px;
		right: 0px;
	}


	.banner-left h1 {
		font-size: 22px;

		line-height: 44px;
		margin: 20px 0px 40px 0px;
		width: 100%;
		text-align: center;
	}


	.footer-top {

		padding: 9px 0px 20px;


		text-align: center;
	}


	.footer-logo-section img {
		width: 64%;

	}

	.footer-menu ul {

		justify-content: center;

	}

	.footer-menu ul li a {
		font-size: 16px;

		line-height: 16px;
	}


	.footer-menu {
		padding: 0px;
		margin: 0px auto;
	}


	.footer-bottom-left {
		text-align: center;
	}


	.footer-bottom-right {
		text-align: center;
	}


	.footer-bottom p {
		font-size: 13px;

		line-height: 23px;
	}


	.footer-bottom {
		padding: 10px 0px;
	}


	.home-banner {
		padding: 0px;
		text-align: center;
	}


	.home-banner-left h1 {
		font-size: 22px;

		line-height: 44px;
		margin: 20px 0px 40px 0px;
		width: 100%;
		text-align: center;
	}


	.home-banner-left {
		margin: 0%;
		padding: 0px;
	}

	.home-banner-right {
		position: unset;
		padding: 10% 0% 0%;
		margin: 0px;
	}

	.enter-butn {

		font-size: 16px;

		line-height: 16px;


		padding: 12px 40px;
		margin: 0px;
	}


	.inner-section-bg {
		padding: 30px 0px;
	}


	.work-img-box {
		border-radius: 30px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}


	.newsletter-box-icon1 {
		position: absolute;
		right: -8px;
		top: 3%;
		width: 60px;
		height: 60px;
	}


	.newsletter-box-icon2 {
		position: absolute;
		width: 60px;
		height: 60px;
		left: -5px;
		bottom: 5%;
	}


	.newsletter-box h2 {

font-size: 23px;
    line-height: 29px;

		color: #fff;
		padding: 22% 6%;
		margin: 0px;
		padding: 22% 6% 10%;
	}


	.newsletter-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
	}


	.newsletter-box {
		background: #5C4AFF;
		box-shadow: 0px 4px 60px 0px #0000000D;
		border-radius: 100px 50px 100px 100px;
		text-align: center;
		padding: 5% 14%;
		position: relative;
	}


	.newsletter-inner-sub {
		margin: 40px 0px;
		padding: 0%;
		display: flex;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
		flex-wrap: wrap;
	}

	.input-group-append {
		width: 100%;
	}


	.input-group-append .send {

		padding: 20px 71px;
		border-radius: 38px;

		font-size: 16px;

		line-height: 16px;


	}

	.inner-banner h1 {
		font-size: 22px;
		font-weight: 400;
		line-height: 44px;
		padding: 20px 0px;
	}


	.about-page-left {
		padding: 0px;
		margin: 0px;
	}


	.about-page-left p {
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		padding: 0px 0px 10px 0px;
	}


	/* ==========================css========================================== */
.header-section {
	padding: 8px 0;
    }
 .inner-banner {
	height: 110px;
	width: 100%;
    }
.header-section.sticky {
	padding: 6px 0;
    }
.work-details-banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.work-details h1 {
	font-size: 22px;
}
.my-rol-nav ul {
	margin-bottom: 14px;
}
.my-rol-nav li {
	line-height: 22px;
	font-size: 14px;
}
.work-details p {
	line-height: 22px;
	font-size: 14px;
}

.carousel-inner {
	height: 400px;
    }
.page-template-work-page .carousel-inner {height:auto;}
.carousel-inner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
    }
    
 
.main-slider h1 {
font-size: 14px;
line-height: 18px;
margin: 0px 0px 2px 0px;
}
 
.ipadcarousel { display: none;}   
.phonecarousel { display: block; }  

 .main-slider .d-md-block {
      padding-top: 15px;
        left: 20px;
        margin: 0px auto;
        top: 52%;
    }   


.page-template-home-page-php .carousel-inner{height:auto !important;}
.page-template-home-page-php .carousel-inner img{height:auto !important;}
.page-template-home-page-php .lear-more-but{ padding: 5px 6px; font-size: 12px;} 
.page-template-work-page-php .modula-item-content .pic{border-radius: 10px;} 
.logo img{max-width:85%;}
.navigation .stellarnav ul{padding:0px;}
.home .banner-left{margin:0px 0px 0px 0px;}
.home .banner-left h1{ font-size: 22px; line-height: 29px; margin: 20px 0px 20px 0px;}
.home .banner-right img{        margin: 0px auto;
        display: table;
        margin-top: 45px;}
.home .banner-left h1{        font-size: 12px;
        font-weight: 300; 
        margin-top: 10px; 
        margin-bottom: 15px;}   
.banner-right{position: absolute;}
.banneran{ max-height: initial;}
.banneran{height:calc(85vh - 0px) !important;}
}
@media (min-width: 912px) and (max-width: 930px) {
.banneran{ height:calc(35vh - 99px) !important;  max-height: inherit;}
}
@media (min-width: 820px) and (max-width: 911px) {
.banneran{ height:calc(40vh - 99px) !important;  max-height: inherit;}
}
@media (min-width: 767px) and (max-width: 819px) {
.banneran{ height:calc(47vh - 99px) !important;  max-height: inherit;}
}
@media (min-width: 461px) and (max-width: 540px) {
    .home .banner-left h1{font-size:18px;}
.banneran{height:calc(105vh - 0px) !important;}
    .banner-right {
        position: absolute;
        left: 0;
        right: 0;
    }
}  
@media (min-width: 360px) and (max-width: 460px) {
.home .banner-left h1{font-size:14px;}    
.banneran{height:calc(85vh - 0px) !important;}

}
@media (min-width: 321px) and (max-width: 360px) {
.home .banner-left h1{font-size:12px;}  
  
.banneran{height:calc(80vh - 0px) !important;}

}

@media (min-width: 300px) and (max-width: 320px) {.banneran{height:calc(104vh - 0px) !important;}}