@media(max-width: 1920px){
.header .banner-image {
    margin-right:-180px;
}    
    
    
}


@media(max-width: 1900px){
.header .banner-image img {
   
}    
    
    
}



@media(max-width: 1600px){
    
    .first-circle {
        max-width: 1000px;
}
    
    .second-circle {
    max-width: 1000px; top:350px;
}
    
    .container{padding: 0 40px;}
    .footer{padding: 0 40px 60px;}
    .header .flex-col{padding-left: 40px;}
    
}


@media(max-width: 1400px){

h1 {
    font-size:72px;
    line-height:76px;
 
}
    

    
    
   h2 {
    font-size: 56px;
    line-height: 62px;
}   
    
    .header .flex-col{padding-left: 0;}
    
    .first-section .right-col .text-section {padding-left: 50px;}
    
  
    .first-section .left-col{margin-right: 40px;}
    .header .left-col{width:50%;}
    .header .right-col{width:50%;}
    
    
    
}


@media(max-width: 1300px){

h3 {
    font-size: 18px;
    line-height: 24px;
  
}
    
    .service-content {
    padding: 20px;
}
    
    
    .service-list.reverse .text-panel{padding-top: 36px;}
    
    .service-list .text-panel {
    padding: 22px 0 50px 10px;
}
    
  .first-section {
    padding: 135px 0 190px;
}  
    .second-section{padding-bottom: 190px;}
    
    h2, h1{margin-bottom: 50px;}
    
    .second-section .text-section {
    padding-left: 0;
}
    .header .left-col{width:55%;}
    .header .right-col{width:45%;}
    
    .footer .footer-content {
    padding-left: 80px;
}
    
}



@media(max-width: 1100px){
    
    
    
  h1 {
    font-size: 66px;
    line-height: 72px;
}  
    
    h2 {
    font-size: 52px;
    line-height: 58px;
}
    
    
  .start-your-success-section .button-section {
    padding: 100px 0;
    
}  
    
    .footer .footer-content {
    padding-left: 50px;
}
    
    .footer .container {
    padding: 100px 0;
 
}
    
    .footer .logo img {
    height: 50px;
}

    
}


@media(max-width: 1024px){

    .header .flex-col{flex-wrap:wrap;} 
    .header .left-col{width:100%;}
    .header .right-col{width:100%; margin-top:80px;}
    
    .inline-text-section {
    display: block;
}
    
    .header .logo {
    position: absolute;
    top: 60px;
}
    
    .header .left-col .logo{margin-top: inherit;}
    
    .header .text-content {
    display: flex;
    justify-content: flex-start;
}
    
    .header .banner-image{margin: 0;}
    
    .header .banner-image > img{width:100%; max-width: 100%; border-radius: 20px;}
    
    .header h1 {
    margin-top: 40px;
}
    
    .content-section .flex-col{flex-wrap:wrap;}
    
    .first-section .left-col {
    margin-right: 0; width:100%; margin-bottom: 60px;
}
    
    .first-section .right-col .text-section {
    padding-left: 0;
}
    
     .first-section {
    padding: 100px 0 120px;
}  
    .second-section{padding-bottom: 120px;}
    
    .start-your-success-section .flex-col{grid-gap:20px; justify-content: center; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
    
    .service-list{width:100%;}
    
    .service-list:nth-child(odd) {
    margin-top: 0;
}
    .header h1 {
    margin-top: 160px;
}
    .header .btn {
    margin: 30px 0 0;
}
    
    
    .content-section .flex-col .left-col{order:2; margin-top:80px;}
    .first-section .left-col img {
    border-radius: 20px;
}

    
    .second-section .text-section h2 {
    margin-bottom: 40px;
}
    
    .first-section {
    padding:80px 0 20px;
}
    
    
    .start-your-success-section .button-section {
    padding: 80px 0;
}
    
    .second-section {
    padding-bottom: 80px;
}
    .first-section .right-col {
    width: 100%;
}
    
    .first-circle {
    margin-top: -50%; max-width: 80%;
}
    
    .second-circle{
     margin-top: -10%;
    max-width: 80%;
    }
    
    .third-circle{max-width: 500px;}
    .footer .container {
    padding: 80px 0;
}
    .first-section .right-col .text-section {
    padding-left: 30px;
}
    
    .inline-text-section{padding-left: 30px;}
    .second-section .text-section {
    padding-left: 30px;
}
    
}


@media(max-width: 767px){
    
     h1 {
    font-size: 48px;
    line-height: 54px;
}  
    
    h2 {
    font-size: 38px;
    line-height: 42px;
}
    
    .service-list .image-panel img{width:100%;}
    .service-list .text-panel{padding-left: 23px;}
    
    .service-list.reverse .image-panel{width:100%;}
    
     .first-section {
    padding:60px 0 20px;
}
    
    
    .start-your-success-section .button-section {
    padding: 60px 0;
}
    
    .second-section {
    padding-bottom: 60px;
}
    
    h3 {
    font-size: 20px;
    line-height: 28px;
   
}
    .footer .logo img {
    height: auto; max-width: 300px;
}
    .container {
    padding: 0 20px;
}
    
    .footer{padding-left: 20px; padding-right: 20px;}
    
    .footer .footer-content {
    padding-left: 30px; padding-right: 30px;
}
    
    .footer ul{flex-wrap:wrap;}
    
    .footer ul li{margin-bottom: 10px;}
    .footer ul li:last-child{margin-bottom: 0;}
    
    .third-circle {right:30px; bottom:-110px;}
    
    .footer .logo {
    margin-bottom: 80px;
}
    .footer .container {
    padding: 60px 0;
}
    .first-section .left-col{margin-bottom: 0;}
    
}



@media(max-width: 480px){
    
   h1 {
    font-size: 36px;
    line-height: 42px;
}  
    
    h2 {
    font-size: 30px;
    line-height: 34px;
}   
    
  h2, h1 {
    margin-bottom: 40px;
}  
    
    .footer .footer-content {
    padding-left: 20px;
    padding-right: 20px;
}
    
    .footer .logo img {
    max-width: 250px;
}
    
     .inline-text-section{padding-left: 0;}
    .second-section .text-section, .first-section .right-col .text-section {
    padding-left: 0;
}
    
 .first-circle {
    margin-top: -20%;
    max-width: 98%;
}   
    
    .second-circle {
    margin-top: 0;
    max-width: 90%;
}
    
}