/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

/* @media (min-width: 1921px) {
    .banner-main{left:42%;}
} */

@media (min-width: 1200px) and (max-width: 1920px){
    .container {max-width: 1320px;}
    .header .container {max-width: 1730px;width: 100%;}
}

@media (min-width: 1800px) and (max-width:1899px){
    .navbar-brand { top: -160px; }
    .banner-main{padding: 206px 20px 0 20px;}
    .footer { margin: 200px 0 0 0; }
}

@media (min-width: 1700px) and (max-width:1799px){
    .navbar-brand { top: -160px; }
    .banner-main{padding: 206px 20px 0 20px;}
    .banner-content .main-title { font-size: 60px; line-height: 80px;}
    .footer { margin: 190px 0 0 0; }
}

@media (min-width: 1600px) and (max-width:1699px) {
    .navbar-brand { top: -132px; }
    .banner-main{padding: 176px 20px 0 20px;}
    .banner-content .main-title { font-size: 60px; line-height: 70px; }
    .footer { margin: 170px 0 0 0; }
}

@media (min-width: 1500px) and (max-width:1599px){
    .navbar-brand { top: -132px; }
    .banner-main{padding: 176px 20px 0 20px;}
    .banner-content .main-title { font-size: 60px; line-height: 70px; }
    .footer { margin: 150px 0 0 0; }
    .banner-image img { width: 100%; height: 730px; object-fit: cover; }
}

@media (min-width: 1400px) and (max-width:1499px){
    .main-detail{ font-size: 18px; line-height: 31px;}

    .navbar-brand { top: -92px; }
    .banner-main{padding: 136px 20px 0 20px;left: 180px;}
    .navbar .navbar-nav .nav-item { margin: 0 25px; }

    .banner-content .main-title { font-size: 56px;line-height: 70px; }
    .banner-image img { width: 100%; height: 730px; object-fit: cover; }

    .footer { margin: 130px 0 0 0; }
}

@media (min-width:1300px) and (max-width:1399px){
    
    .banner-content .main-title { font-size: 54px; line-height: 61px; }
    .main-detail{ font-size: 18px; line-height: 31px;}
   
    .navbar-brand { top: -102px; }
    .banner-main{padding: 106px 20px 0 20px;left: 100px;}
    .banner-image img { width: 100%; height: 730px; object-fit: cover; }
    .navbar .navbar-nav .nav-item:last-child { margin-right: 50px; }
    .footer-logo::after{right: -20px;}
    .footer-logo::before{left: -30px;}
    .footer { margin: 110px 0 0 0; }
}

@media (min-width:1200px) and (max-width:1299px){
    .btn { font-size: 18px; line-height: 29px;}
    .main-detail{ font-size: 18px; line-height: 31px;}
   
    .navbar .navbar-nav .nav-item { margin: 0 25px; }
    .navbar .navbar-nav .nav-item:last-child { margin-right: 40px; }
    .navbar-brand { top: -82px; }
    .banner-main{padding: 86px 20px 0 20px;left: 100px;max-width: 480px;}
    .banner-content .main-title { font-size: 51px; line-height: 61px;padding-bottom: 15px; }
    /* .banner-image img { width: 100%; height: 560px; object-fit: cover; } */
    .banner-image img { width: 100%; height: 730px; object-fit: cover; }
    .about-wrp{padding: 130px 0 36px 0;}
    .contact-right form{padding: 50px 71px 52px 40px;}
    .footer-logo::after{right: -20px;}
    .footer-logo::before{left: -30px;}
    .footer { margin: 90px 0 0 0; }
}

@media (min-width: 992px) and (max-width: 1199px){

    .main-title{font-size: 52px; line-height: 55px;}
    .main-detail { font-size: 16px; line-height: 27px; }
    .block-title{font-size: 32px; line-height: 42px;}
    .btn { font-size: 18px; line-height: 30px;}

    .header.header-sticky .navbar-brand-sticky{left:0;}
    .navbar .navbar-nav .nav-item:last-child { margin-right: 20px; }
    .navbar .navbar-nav .nav-item .nav-link{font-size: 17px;}
    .navbar .navbar-nav .nav-item { margin: 0 15px; }
    .header .contact-btn .btn-color-arrow{padding: 8px 62px 8px 14px;}
    .navbar-brand { top: -82px; }
    .banner-main{padding: 86px 20px 0 20px;left: 70px;max-width: 400px;}
    .banner-image img { width: 100%; height: 640px; object-fit: cover; }
    .banner-content .main-title { font-size: 43px; line-height: 60px; padding-bottom: 5px; }
    .scroll-section{left: 19px;}
    .process-part{padding-bottom: 58px;}
    .process-part::after{height: 400px;}
    .detail br {display: none;}
    .banner-content{padding: 0px 30px 0 30px;}
    
    .about-wrp { padding: 100px 0 0px 0; }
    .about-image-second { left: 150px; max-width: 310px;}
    .about-right{left: 0;}
    .about-right::after { top: -220px; left: 40px; width: 60000000px; z-index: -1; padding: 535px 0; }
    .contact-right form{padding: 50px 40px 52px 40px;}
    /* .contact-right form .input-group{padding-bottom: 20px;} */
    .link-section {font-size: 18px; line-height: 24px;}
    /* .contact-right form .input-group::before{bottom: 20px;} */

    .footer-bottom{padding: 16px 66px;}
    .footer-input button{top: 22px;}
    .footer-input{padding-top: 30px;}
    .footer-menu ul li{font-size: 20px; line-height: 20px;}
    .footer-logo::before{left: -20px;height: 199px;}
    .footer-logo::after{right: -20px;height: 199px;}
    .footer-middle { padding: 123px 0 70px 0; }
    .footer-title h6{font-size: 28px; line-height: 36px;}
    .footer { margin: 70px 0 0 0; }
}

@media (min-width: 768px) and (max-width: 991px){
    .main-title{font-size: 50px; line-height: 53px;}
    .main-detail{font-size: 18px; line-height: 30px;}
    .block-title{font-size: 29px; line-height: 36px;}
    .btn { font-size: 16px; line-height: 28px;padding: 4px 54px 8px 20px; }
    .btn-color-arrow { padding: 4px 57px 8px 12px; }

    .header.header-sticky .navbar-brand{display: none!important;}
    .header.header-sticky .navbar-brand-sticky{left: 0;}
    .header{padding: 15px 0;}
    .navbar .navbar-brand{position: relative;left: 0;top: 0;}
    .navbar .navbar-nav .nav-item:last-child { margin-right: 40px; }
    .navbar-brand img {width: 200px;}
    .navbar .navbar-nav .nav-item .nav-link{font-size: 16px; line-height: 22px;}
    .navbar .navbar-nav .nav-item { margin: 0 17px; }

    .banner-main{position: absolute; top: 0; left: 0;margin: 0;max-width: 100%;padding: 166px 30px 54px 30px;}
    .banner-content .main-title { font-size: 49px; line-height: 50px;}
    .banner-image {position: relative;}
    .scroll-section{display: none!important;}
    .banner-image img { width: 100%;height: 560px; object-fit: cover; }
    .social-link{color: #FAAA3D;}

    .banner-wrp { position: relative; overflow: hidden; }
    .banner-wrp::after { content: ""; background-color: rgba(77, 77, 77,0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 1230px; height: 6000px; width: 100%; z-index: 0; }
    .banner-content::after{display: none;}

    .link-section {font-size: 18px; line-height: 24px;}
    .contact-right form { padding: 40px 20px 42px 20px; }
    /* .contact-right form .input-group{padding-bottom: 20px;} */
    .contact-btn .btn-color-arrow {padding: 8px 52px 8px 18px;}
    .contact-social-icon ul{padding-top: 20px;}
    /* .contact-right form .input-group::before{bottom: 20px;} */
    .about-wrp { padding: 80px 0 0px 0;}
    .about-button { margin-top: 25px; margin-bottom: 50px; }
    .about-image-second { left: 150px; max-width: 310px;}
    .about-right{left: 0;}
    .about-right::after { top: 0px;left: -200px; width: 60000000px; z-index: -1; padding:0; }
    .about-image{max-width: 450px;padding: 30px;margin: 0 auto;}
    .about-image-second { left: 250px; max-width: 310px;    top: 370px; }
    .about-design{top: 480px;}
    .process-part .row {align-items: flex-start!important;justify-content: flex-start!important;}
    .process-part::before{top: 0%;}
    .process-part::after{height: 260px;}
    .process-part{padding-bottom: 48px;}
    .detail p {font-size: 16px; line-height: 30px;}
    .detail br {display: none;}

    .footer-input{padding-top: 30px;}
    .footer-input button{top: 30px;}
    .footer-input button img {width: 26px;}
    .footer-middle { padding: 93px 0 40px 0; }
    .footer-menu ul li{font-size: 20px; line-height: 20px;}
    .footer-logo::before{top: -53px;left: -20px;height: 189px;}
    .footer-logo::after{top: -53px;right: -20px;height: 189px;}
    .footer { margin: 60px 0 0 0; }
}

@media (max-width: 767px) {
    .main-title{font-size: 35px; line-height: 50px;}
    .main-detail{font-size: 16px; line-height: 30px;}
    .block-title{font-size: 28px; line-height: 30px;}
    .small-heading{font-size: 15px; line-height: 27px;}
    .btn{font-size: 18px; line-height: 28px;}
    .btn-color-arrow{padding: 7px 63px 8px 28px;}

    .header.header-sticky .navbar-brand-sticky{left: 0;width: 140px;}
    .header.header-sticky .navbar-brand{display: none!important;}
    .header .navbar-toggler {position: relative; z-index: 99999; box-shadow: none; border: none; padding: 0;}
    .header .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler.open span:nth-child(2) {display: none;}
    .header .navbar-toggler.open span:last-child { top: -3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-toggler span { background-color: #EFAF05; position: relative; width: 25px; height: 3px; display: block; margin-bottom: 5px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-collapse { position: fixed; right: -100%; background-color: #4D4D4D; top: 0; bottom: 0; max-width: 340px; width: 100%; height: 100%; padding: 100px 0; overflow: auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; z-index: 9999; }
    .navbar .navbar-nav .nav-item:first-child { margin-left: 35px; }
    .navbar .navbar-nav .nav-item { margin: 20px 35px; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .navbar .navbar-nav .nav-item .nav-link{color: #fff;}
    .header .container {max-width: 100%;}
    .header {padding: 15px 0;}
    .header .btn-color-arrow { background-color: #fff; color: #000000; }
    /* .header .btn-color-arrow::after {background-color: #fff;} */
    .contact-btn{margin: 20px 0 0 30px;}

    .navbar .navbar-brand { position: relative; width: 160px;left: 0;top: 0;z-index: 9999; }
    .banner-content{z-index: 1;}
    .banner-main{position: absolute; top: 0; left: 0;}
    .banner-main{max-width: 100%;padding: 106px 0 134px 0;}
    .banner-content .main-title { font-size: 36px; line-height: 42px;}
    .banner-image {position: relative;}
    .scroll-section .scroll-link:after{height: 64px;left: 8px;}
    .scroll-section .scroll-link{font-size: 17px; line-height: 30px;}
    .banner-image img{height:430px;object-fit: cover;}
    .social-link{color: #EFAF05;}
    .banner_wrp::after {top: 80px; left: 30px;}
    .banner_wrp::before {top: 80px; right: 30px;}
    .scroll-section {display: none;}

    .banner-wrp { position: relative; overflow: hidden; }
    .banner-wrp::after { content: ""; background-color: rgba(77, 77, 77,0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 1230px; height: 6000px; width: 100%; z-index: 0; }
    .banner-content::after{display: none;}

    .contact-right form { padding: 40px 20px 42px 20px; }
    /* .contact-right form .input-group{padding-bottom: 20px;} */
    .link-section{font-size: 16px; line-height: 22px;}
    .contact-wrp{    padding: 40px 0;margin: 45px 0;}
    .contact-right form .form-control::placeholder{font-size: 15px; line-height: 29px; }
    .contact-right form .input-group input { padding: 10px 20px; }
    .contact-right form label{font-size: 18px; line-height: 29px;}
    .contact-social-icon ul{padding-top: 20px;}
    .contact-right form .input-group::before{left: 20px; }

    .about-wrp { padding: 60px 0 0px 0;margin: 0;}
    .about-button { margin-top: 25px; margin-bottom: 50px; }
    .about-right{left: 0;}
    .about-design{top: 560px;}
    .about-right::after { top: 0px; left: -120px; width: 60000000px; z-index: -1; padding:0;    height: 90%; }
    .about-image{max-width: 450px;padding: 30px;margin: 0 auto;padding-bottom: 0;}
    .about-image-second { left: 210px; max-width: 250px; top: -110px; position: relative; }

    .process-left{padding-bottom: 20px!important;}
    .process-left .title h4{font-size: 22px; line-height: 28px;}
    .process-wrp{margin: 0;}
    .process-part::before{top: -5%;font-size: 26px;line-height: 30px;}
    .process-part .row{align-items: flex-start!important; justify-content: flex-start!important;}
    .process-right img {width: 50px;}
    .process-main-section .process-part:nth-child(odd) .process-right { padding: 0 0 0 50px; }
    .process-main-section .process-part:nth-child(odd) .process-left { text-align: right; padding: 0 60px 0 0; }
    .process-part{padding-bottom: 8px;}
    .process-main-section .process-part:nth-child(even) .process-right { padding: 0 40px 0 0; }
    .process-main-section .process-part:nth-child(even) .process-left { padding: 0 0 0 20px; }
    .process-heading { padding-bottom: 30px; }
    .detail br{display: none;}
    
    .footer-input button{top: 10px;}
    .footer-input{top: 0px;padding-top: 10px;}
    .footer-title h6{font-size: 28px; line-height: 33px;}
    .footer-menu ul li{font-size: 19px; line-height: 19px;}
    .footer-middle { padding: 83px 0 70px 0; }
    .footer-bottom .row>*{display: flex;justify-content: center;}
    .footer-right { display: flex; flex-direction: column; justify-content: flex-start; text-align: left; position: relative; top: 60px; }
    .footer-logo::before{display: none;}
    .footer-logo::after { display: none;}
    .footer-bottom{padding: 26px 0px;}
    .footer-copy{text-align: center;}
    .footer { margin: 50px 0 0 0; }
}
        
/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 320px) and (max-width: 575px){
    .block-title { font-size: 24px; line-height: 25px; }
    .btn { font-size: 17px; line-height: 31px;}

    .banner-image img { height: 540px; object-fit: cover; }
    .social-icon{right: 10px;}
    .about-design { top: 790px; }
    .banner-content{padding: 20px 0px 0 0px;}
    .header { background-color: #fff; }
    .process-part:nth-child(2)::after {height:470px;}
    .process-heading { padding-bottom: 0px; }
    .process-part {padding-left: 90px;}
    .process-part .detail p {    font-size: 16px; line-height: 30px;}
    .process-part::before { left: 21px;top: 30px; }
    .process-part::after { left: 27px; height: 570px;transform: translate(-5px, 0%); }
    .process-main-section .process-part:nth-child(odd) .process-left{text-align: left;padding: 0;}
    .process-main-section .process-part:nth-child(even) .process-left{padding: 0;}
    .process-main-section .process-part:nth-child(odd) .process-right{padding: 0;}
    .process-main-section .process-part:nth-child(odd) .row{display: flex;flex-direction: column-reverse;}
    .process-main-section .row [class*=col-]:nth-child(odd){justify-content:flex-start!important;}
    .process-part img {padding-bottom: 20px;}
    .process-part { padding-left: 70px; padding-top: 35px; }
    .process-wrp { margin: 0; }
    .process-left .title h4 { font-size: 21px; line-height: 25px;margin-bottom: 11px;}

    .about-image{max-width:360px;}
    .about-image-second{position: relative; left: 30px !important; top: -100px !important; padding-top: 30px;max-width: 300px;}
    .about-right::after{ height: 90%;}
    .about-wrp{margin: 0;}

    .contact-social-icon ul{padding-top: 10px;}
    .contact-icon{width: 48px; height: 48px;}

    .footer-input img {width: 23px;}
    .footer-input button{top: 6px;}
    .footer-input .form-control{ padding: 0 80px 10px 0; }
    .footer-right{padding-top: 30px;top: 0;}
    .footer-middle { padding: 83px 0 20px 0; }
    .footer-input .form-control::placeholder{font-size: 16px;}
    .footer-copy p{font-size: 15px; line-height: 30px;}
    .footer-title h6 { font-size: 21px; line-height: 31px; }
    .footer-menu ul li { font-size: 17px; line-height: 14px; }
    .footer-logo{width: 240px;}
    .footer-social-link{font-size: 19px; line-height: 27px;}    
}
/*---------- Large Desktop , Large Screen End ----------*/