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

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

/* desktop 1200px to 1600px */
@media (min-width: 1280px) and (max-width: 1919px) {
.stellarnav > ul > li > a {
  
    font-size: 12px;
    line-height: 25px;
}
  .custom-container {
    padding: 0px 40px;
  }


   .stellarnav > ul > li > a { padding: 0px 20px; }

.cumn-butn-body {
	font-size: 14px;
	line-height: 14px;
	padding: 14px 15px;
}


.bannercarousel-text h1 {  font-size: 90px;
  line-height: 100px; } 


.bannercarousel-text { left: 60px;
  width: 50%; }


.banner-section { height: 700px; }

.about-section-text {
	padding: 100px 60px;
	margin: 0px;
}


.about-section-text h2 { font-size: 35px;
  line-height: 45px;  }


.about-section-text p { 
    font-size: 18px;
    line-height: 28px;  
    margin: 0px 0px 15px 0px; 
}


.experience-section h2 { font-size: 35px;
  line-height: 45px; padding: 0px 0px 20px 0px;  }

.experience-box {
	margin: 50px 0px;
	padding: 0px 50px;
	text-align: center;
	border-right: 1px solid #494a45;
}

.experience-box h4 { font-size: 26px;
  line-height: 26px;  }


.experience-box p { 
    font-size: 18px;
    line-height: 28px;   
}


.designer-section-img { height: 500px; }


.designer-section-text h2 {  font-size: 35px;
  line-height: 45px; }


.designer-section-text p { 
    font-size: 18px;
    line-height: 28px;  
} 


.designer-section-text {
	max-width: 780px;
	margin: 0px auto;
	text-align: center;
}


.appointment-section-inner h2 { font-size: 90px;
  line-height: 100px; }



.appointment-section-inner p { 
    max-width: 750px; 
    font-size: 18px;
    line-height: 28px;  
}

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

.footer-right {
	padding: 0px 0px 0px 80px;
}

.footer-left h5 { font-size: 22px;
  line-height: 32px;  }


.footer-right p { margin: 50px 0px 0px 0px; font-size: 16px;
  line-height: 26px; }


.footer-info h6 { margin: 0px 0px 10px 0px; }




}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1279px) {
 
.custom-container {
    padding: 0px 40px;
  }

  .cumn-butn-body {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0%;
    padding: 10px 10px;
  }

.stellarnav > ul > li > a {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	padding: 0px 20px;
}
  .stellarnav > ul > li > a:hover {
    color: #000;
  }

  .stellarnav.mobile.right > ul,
  .stellarnav.mobile.left > ul {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header-section {
    height: auto;
  }

  .header-section::before {
    height: 100%;
    padding: 10px 50px;
    text-align: center;
    color: #fff;
    width: 2px;
  }

  .logo {
    width: auto;
    padding: 10px 0px;
    height: auto;
  }

  /* ============================= */

  .banner-section {
    height: 300px;
  }

  .bannercarousel-text {
    left: 40px;
    width: 35%;
    top: 40px;
  }

.bannercarousel-text h1 {
	font-size: 30px;
	line-height: 40px;
	margin: 0px 0px 10px 0px;
}

  .bannercarousel-text p {
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
    width: 100%;
    
  }

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

.rightlink { height: 60px; }

  .main-nav {
    height: 60px;
  }

  .about-section-text {
	padding: 30px 40px;
	margin: 0px;
  }

 .about-section-text h2 {
	font-size: 30px;
	line-height: 40px;
	margin: 0px 0px 10px 0px;
}

  .about-section-text p {
    font-size: 14px;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
  }

  .about-section-text .cumn-butn-body.blck-border {
    margin: 30px 0px 0px;
    display: flex;
    
    
  }

.experience-section {
	padding: 50px 0px;
}

.experience-section h2 {
	font-size: 30px;
	line-height: 40px;
	padding: 0px;
}

.experience-box {
	margin: 30px 0px 0px;
	padding: 10px 25px;
	text-align: center;
	border-bottom: 0px solid #494a45;
	border-right: 1px solid #494a45;
	min-height: 200px;
}

.experience-box h4 {
	font-size: 22px;
	line-height: 32px;
	padding: 0px 0px 10px 0px;
}

  .experience-box p {
    font-size: 14px;
    line-height: 24px;
  }

  .row .col-lg-4:last-child .experience-box {
    border-bottom: none;
  }

 .designer-section {
	padding: 50px 0px;
	margin: 0px;
}

  .designer-section-img {
    height: auto;
    margin-bottom: 20px;
  }

  .designer-section-text {
	max-width: 700px;
	margin: 0px auto;
	text-align: center;
}


.designer-section-text h2 {
	font-size: 30px;
	line-height: 40px;
	padding: 0px 0px 10px 0px;
}

  .designer-section-text p {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 20px 0px;
  }

.appointment-section {
	padding: 50px 0px;
}

  .appointment-section-inner {
	max-width: 700px;
	text-align: center;
	margin: 0px auto;
}

  .appointment-section-inner h2 {
    font-size: 24px;
    line-height: 34px;
    margin: 0px 0px 10px 0px;
  }

  .appointment-section-inner p {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
  }

  .appointment-section-inner .cumn-butn-body.black-butn {
    margin: 10px auto;
  }

.footer-left {
	border-right: 1px solid #494a45;
	padding: 0px 40px 0px 0px;
	margin: 0px;
	
}

.footer-section {
	padding: 50px 0px;
	margin: 0px;
}

  .footer-left h5 {
    font-size: 18px;
    line-height: 20px;
  }

  .instagram-img {
    margin: 20px 0px 0px 0px;
  }

  .footer-right {
    padding: 0px 0px 0px 40px;
   
  }

  .footer-logo {
    margin: 0px 0px 10px 0px;
  }

  .footer-info {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    width: 60%;
    
  }

  .footer-info h6 {
    font-size: 14px;
    line-height: 24px;

    margin: 0px 0px 10px 0px;
    padding: 0px;
    display: flex;

  }

  .footer-info h5 {
    font-size: 22px;
    line-height: 22px;
    margin: 0px 0px 15px 0px;
  }



  .footer-right p {
    font-size: 14px;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
    display: unset;
    text-align: center;
  }

  .main-nav.scroll .logo {
    width: auto;
    margin: 0px;
    padding: 5px 0px;
  }

  .main-nav.scroll {
    height: 50px;
  }
  .main-nav.scroll .stellarnav {
    height: 40px;
  }
  .main-nav.scroll .rightlink {
    height: 40px;
  }

  .stellarnav .menu-toggle span.bars {
    margin-right: 0px;
  }
  .stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 4px;
    background: #494a45;
    margin: 0 0 3px;
  }


}

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

 .custom-container {
    padding: 0px 40px;
  }

  .cumn-butn-body {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0%;
    padding: 10px 10px;
  }

  .stellarnav > ul > li > a {
    font-size: 18px;
    line-height: 48px;
    color: #fff;
  }

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

  .stellarnav.mobile.right > ul,
  .stellarnav.mobile.left > ul {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header-section {
    height: auto;
  }

  .header-section::before {
    height: 100%;
    padding: 10px 50px;
    text-align: center;
    color: #fff;
    width: 2px;
  }

  .logo {
    width: auto;
    padding: 10px 0px;
    height: auto;
  }

  /* ============================= */

  .banner-section {
    height: 300px;
  }

  .bannercarousel-text {
    left: 40px;
    width: 35%;
    top: 40px;
  }

  .bannercarousel-text h1 {
    font-size: 25px;
    line-height: 30px;
    margin: 0px 0px 10px 0px;
    
  }

  .bannercarousel-text p {
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
    width: 100%;
    
  }

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

.rightlink { height: 60px; }

  .main-nav {
    height: 60px;
  }

  .about-section-text {
	padding: 30px 40px;
	margin: 0px;
  }

  .about-section-text h2 {
    font-size: 24px;
    line-height: 34px;
    margin: 0px 0px 10px 0px;
  }

  .about-section-text p {
    font-size: 14px;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
  }

  .about-section-text .cumn-butn-body.blck-border {
    margin: 30px 0px 0px;
    display: flex;
    
    
  }

  .experience-section {
    padding: 30px 0px;
  }

  .experience-section h2 {
    font-size: 24px;
    line-height: 34px;
    padding: 0px;
  }
.experience-box {
	margin: 30px 0px 0px;
	padding: 10px 25px;
	text-align: center;
	border-bottom: 0px solid #494a45;
	border-right: 1px solid #494a45;
	min-height: 200px;
}

.experience-box h4 {
	font-size: 20px;
	line-height: 30px;
	padding: 0px 0px 10px 0px;
}

  .experience-box p {
    font-size: 14px;
    line-height: 24px;
  }

  .row .col-lg-4:last-child .experience-box {
    border-bottom: none;
  }

  .designer-section {
    padding: 30px 0px;
    margin: 0px;
  }

  .designer-section-img {
    height: auto;
    margin-bottom: 20px;
  }

  .designer-section-text h2 {
    font-size: 24px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
  }

  .designer-section-text p {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 20px 0px;
  }

  .appointment-section {
    padding: 30px 0px;
  }

  .appointment-section-inner h2 {
    font-size: 24px;
    line-height: 34px;
    margin: 0px 0px 10px 0px;
  }

  .appointment-section-inner p {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
  }

  .appointment-section-inner .cumn-butn-body.black-butn {
    margin: 10px auto;
  }

.footer-left {
	border-right: 1px solid #494a45;
	padding: 0px 40px 0px 0px;
	margin: 0px;
	
}

  .footer-section {
    padding: 30px 0px;
    margin: 0px;
  }

  .footer-left h5 {
    font-size: 18px;
    line-height: 20px;
  }

  .instagram-img {
    margin: 20px 0px 0px 0px;
  }

  .footer-right {
    padding: 0px 0px 0px 40px;
   
  }

  .footer-logo {
    margin: 0px 0px 10px 0px;
  }

  .footer-info {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    width: 100%;
    
  }

  .footer-info h6 {
    font-size: 14px;
    line-height: 24px;

    margin: 0px 0px 10px 0px;
    padding: 0px;
    display: flex;

  }

  .footer-info h5 {
    font-size: 22px;
    line-height: 22px;
    margin: 0px 0px 15px 0px;
  }

  .footer-info {
    margin: 0px 0px 20px 0px;
  }

  .footer-right p {
    font-size: 14px;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
    display: unset;
    text-align: center;
  }

  .main-nav.scroll .logo {
    width: auto;
    margin: 0px;
    padding: 5px 0px;
  }

  .main-nav.scroll {
    height: 50px;
  }
  .main-nav.scroll .stellarnav {
    height: 40px;
  }
  .main-nav.scroll .rightlink {
    height: 40px;
  }

  .stellarnav .menu-toggle span.bars {
    margin-right: 0px;
  }
  .stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 4px;
    background: #494a45;
    margin: 0 0 3px;
  }

    .inner-banner-section-experience {
        width: 100%;
        height: 520px;
        overflow: hidden;
        position: relative;
    } 


}

/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
    
    .inner-banner-section-experience {
        width: 100%;
        height: 250px;
        overflow: hidden;
        position: relative;
    } 

  .custom-container {
    padding: 0px 20px;
  }

  .cumn-butn-body {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0%;
    padding: 10px 10px;
  }

  .stellarnav > ul > li > a {
    font-size: 18px;
    line-height: 48px;
    color: #fff;
  }

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

  .stellarnav.mobile.right > ul,
  .stellarnav.mobile.left > ul {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header-section {
    height: auto;
  }

  .header-section::before {
    height: 100%;
    padding: 10px 50px;
    text-align: center;
    color: #fff;
    width: 2px;
  }

  .logo {
    width: auto;
    padding: 10px 0px;
    height: auto;
  }

  /* ============================= */

  .banner-section {
    height: 300px;
  }

  .bannercarousel-text {
    left: 20px;
    width: 88%;
    text-align: center;
    top: 40px;
  }

  .bannercarousel-text h1 {
    font-size: 25px;
    line-height: 30px;
    margin: 0px 0px 10px 0px;
    text-align: center;
  }

  .bannercarousel-text p {
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
    width: 100%;
    text-align: center;
  }

  .bannercarousel-text .cumn-butn-body.wht-border {
    margin: 0px auto;
  }

  .main-nav {
    height: 60px;
  }

  .about-section-text {
    padding: 30px 20px;
    margin: 0px;
    text-align: center;
  }

  .about-section-text h2 {
    font-size: 24px;
    line-height: 34px;
    margin: 0px 0px 10px 0px;
  }

  .about-section-text p {
    font-size: 14px;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
  }

  .about-section-text .cumn-butn-body.blck-border {
    margin: 30px auto 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .experience-section {
    padding: 30px 0px;
  }

  .experience-section h2 {
    font-size: 24px;
    line-height: 34px;
    padding: 0px;
  }

  .experience-box {
    margin: 0px;
    padding: 30px 0px;
    text-align: center;
    border-bottom: 1px solid #494a45;
    border-right: none;
  }

  .experience-box h4 {
    font-size: 24px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
  }

  .experience-box p {
    font-size: 14px;
    line-height: 24px;
  }

  .row .col-lg-4:last-child .experience-box {
    border-bottom: none;
  }

  .designer-section {
    padding: 30px 0px;
    margin: 0px;
  }

  .designer-section-img {
    height: auto;
    margin-bottom: 20px;
  }

  .designer-section-text h2 {
    font-size: 24px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
  }

  .designer-section-text p {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 20px 0px;
  }

  .appointment-section {
    padding: 30px 0px;
  }

  .appointment-section-inner h2 {
    font-size: 24px;
    line-height: 34px;
    margin: 0px 0px 10px 0px;
  }

  .appointment-section-inner p {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
  }

  .appointment-section-inner .cumn-butn-body.black-butn {
    margin: 10px auto;
  }

  .footer-left {
    border-right: 0px solid #494a45;
    padding: 0px;
    margin: 0px;
    text-align: center;
  }

  .footer-section {
    padding: 30px 0px;
    margin: 0px;
  }

  .footer-left h5 {
    font-size: 18px;
    line-height: 20px;
  }

  .instagram-img {
    margin: 20px 0px 0px 0px;
  }

  .footer-right {
    padding: 30px 0px 0px;
    text-align: center;
  }

  .footer-logo {
    margin: 0px 0px 10px 0px;
  }

  .footer-info {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
  }

  .footer-info h6 {
    font-size: 14px;
    line-height: 24px;

    margin: 0px 0px 10px 0px;
    padding: 0px;
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .footer-info h5 {
    font-size: 22px;
    line-height: 22px;
    margin: 0px 0px 15px 0px;
  }

  .footer-info {
    margin: 0px 0px 20px 0px;
  }

  .footer-right p {
    font-size: 14px;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
    display: unset;
    text-align: center;
  }

  .main-nav.scroll .logo {
    width: auto;
    margin: 0px;
    padding: 5px 0px;
  }

  .main-nav.scroll {
    height: 50px;
  }
  .main-nav.scroll .stellarnav {
    height: 40px;
  }
  .main-nav.scroll .rightlink {
    height: 40px;
  }

  .stellarnav .menu-toggle span.bars {
    margin-right: 0px;
  }
  .stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 4px;
    background: #494a45;
    margin: 0 0 3px;
  }
}