/* ===========================
Layout for Desktop: 1280px
=========================== */
@media only screen and (min-width: 992px) and (max-width: 1280px){
    .header-area .slider-logo-area .main-logo{ right: 15px;}
    .header-area .slider-logo-area .single-slider{background-position: 103% 100%;background-size:53%;}
    .hero-section .hero-icons .single-icon .icon img{width: 100px;}
    .header-area .main-logo img{width: 100px;}
    .footer-area .number-logo{margin-bottom: 0;}
}
/* ===========================
Layout for Tablet: 992px
=========================== */
@media only screen and (min-width: 768px) and (max-width: 991.99px){
    .header-area .container-slider{margin-left: 82px;}
    .header-area .slider-logo-area .single-slider{background-position: 105% 100%; background-size: 57%;height: 555px;}
    .header-area .slider-logo-area .slider-contents .slider-icons ul li img{width: 70px;}
    .hero-section{padding-bottom: 250px;}
    .hero-section .hero-icons{gap: 20px; justify-content: center;}
    .hero-section .hero-icons .single-icon .icon img{width: 100px; margin: auto;}
    .team-section .teammember-details{flex-wrap: wrap; gap: 10px;}
    .team-section .teammember-details .single-details{flex: 0 0 0; margin: 0; flex-basis:28%;}
    .team-section .team-members .member-icon img{width: 130px; margin: auto;}
    .footer-area .number-logo{margin-bottom: 0;}
    .footer-area .footer-logo{margin: 0 20px;}
    .footer-area .footer-logo img{width: 70px;}
}
/* ===========================
Layout for Mobile: 768px
=========================== */
@media only screen and (max-width: 767.99px){
    .header-area .container-slider{margin-left: 50px;}
    .header-area .slider-logo-area .single-slider{margin-right: 0;background-position: 300px 100%; background-size: 73%;height: 505px;}
    .header-area .slider-logo-area .slider-contents{margin-top: 110px;}
    .header-area .slider-logo-area .slider ul.slick-dots{display: none !important;}
    .header-area .slider-logo-area .single-slider .slider-title{display: none;}
    .header-area .slider-logo-area .single-slider .mobile-slider-title{display: block;}
    .header-area .slider-logo-area .slider-contents .slider-icons ul li img{width: 50px;}
    .hero-section{padding-bottom: 250px;}
    .hero-section .hero-icons{justify-content: center;flex-wrap: wrap;gap: 40px;text-align: center;}
    .hero-section .hero-icons .single-icon{flex: 0 0 0; flex-basis: 35%;}
    .hero-section .hero-icons .single-icon .icon img{width: 100px; margin: auto;}
    .team-section{padding-bottom: 200px;}
    .team-section .teammember-details{flex-wrap: wrap; gap: 10px;}
    .team-section .teammember-details .single-details{flex: 0 0 0; margin: 0;}
    .team-section .team-members{flex-wrap: wrap; gap: 30px; text-align: center;}
    .team-section .team-members .single-member{margin: 0; flex: 0 0 0; flex-basis: 35%;}
    .team-section .title-description_icon img{width: 85px;}
    .team-section .team-title-description .team-description h4{font-size: 28px;}
    .team-section .service-title-desc_icon .service-title h2{font-size: 25px;}
    .team-section .service-title-desc_icon .service-title h3{font-size: 23px;}
    .team-section .title-description{padding: 25px 16px 20px;}
    .team-section .title-description_icon{width:auto;}
    .service-section .service-items{grid-template-columns: 1fr;}
    .footer-area .number-logo{margin-bottom: 0;}
    .footer-area .footer-logo img{width: 60px;}
    .footer-area .footer-logo{margin: 0 15px;}
    .footer-area .number-descripiton p{margin-top: 2px;}
    .footer-area .number-descripiton h2{font-size: 25px;}
}
@media only screen and (max-width: 620px){
    .header-area .slider-logo-area .single-slider{background-position: 230px 100%;height: 600px;background-size: 80%;}
}
@media only screen and (max-width: 535px){
    .header-area .slider-logo-area .single-slider{background-position: 175px 100%;height: 700px;background-size: 100%;}
    .team-section .title-description_icon{padding: 48px 28px;}
}
/* =============================
Layout for Small Device: 480px
============================= */
@media only screen and (max-width: 480px){
    .header-area .slider-logo-area .slider-contents .slider-title h2{font-size: 35px;line-height: 40px;}
    .header-area .slider-logo-area .single-slider{height: 500px;background-position: 160px 100%;}
    .header-area .slider-logo-area .single-slider .mobile-slider-title{margin-bottom: 20px;}
    .header-area .slider-logo-area .slider-contents .slider-icons{display: none;}
    .header-area .container-slider{margin-left: 30px;}
    .hero-section .hero-icons .single-icon .icon img{width: 120px;}
    .team-section .service-title-desc_icon{bottom: -166px;}
    .team-section .service-title-desc_icon{ display: inherit; }
    .service-section .single-service{display: inherit;padding: 20px 20px 35px;}
    .service-section .single-service .service-icon img{margin: auto;}
    .service-section .single-service .title{margin-bottom: 12px;}
    .footer-area .number-logo{display: inherit; border-left:none; border-right: none;}
    .footer-area .footer-logo{margin: 20px 0;}
    .footer-area .footer-logo img{margin: auto;}
}
@media only screen and (max-width: 360px){
    .header-area .slider-logo-area .single-slider{height: 550px;background-position:132px 100%;}
    .team-section .teammember-details .single-details{padding: 30px 10px;}
}