/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px) {
}

@media (min-width: 1900px) {
    /* About Page Start */
    .about-img-2 { margin: 0 -104px 0 0; }
    /* About Page End */
}

@media (min-width: 1800px) and (max-width: 1899px) {
    /* About Page Start */
    .about-img-2 { margin: 0 -94px 0 0; }
    /* About Page End */
}

@media (min-width: 1700px) and (max-width: 1799px) {
    /* About Page Start */
    .about-img-2 { margin: 0 -86px 0 0; }
    /* About Page End */
}

@media (min-width: 1600px) and (max-width: 1699px) {
    /* About Page Start */
    .about-img-2 { margin: 0 -78px 0 0; }
    /* About Page End */
}

@media (min-width: 1500px) and (max-width: 1599px) {
    /* About Page Start */
    .about-img-2 { margin: 0 -70px 0 0; }
    /* About Page End */
}

@media (min-width: 1400px) and (max-width: 1499px) {
}

@media (min-width: 1300px) and (max-width: 1399px) {
}

@media (min-width: 1200px) and (max-width: 1299px) {
}

@media (min-width: 1200px) {
    .header .container {max-width: 1160px;}
    .container {max-width: 1062px;}
    .our-services-wrp .container {max-width: 1119px; margin: 0 auto;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
    /* Common Style Start */
    .section-title { font-size: 42px; line-height: 48px; }
    .block-title { font-size: 32px; line-height: 38px; }
    .btn-border { font-size: 22px; line-height: 26px; }
    .main-title { font-size: 55px; line-height: 66px; }
    .size-29 { font-size: 24px; line-height: 28px; }
    /* Common Style End */

    /* Home Page Start */
    .banner-wrp { padding: 240px 0 35px; }
    .banner-wrp .banner-img { margin: 0 0px 0 -140px; } 
    .banner-content {margin: 0 -30px 0 0;}
    .banner-content .section-title {line-height: 60px;}

    .our-services-wrp {max-width: 900px; padding: 55px 20px 44px 40px;}
    .our-service-img { margin: 50px 70px 0 -140px; }
    .our-service-content .block-title { margin: 0 0 40px; }
    .our-service-content { margin: 95px 0px 0 -46px; }

    .founder-main .row { margin: 0 -22px; }
    .founder-main .row>* { padding: 0 22px; }
    .market-insight-row .row { margin: 0 -45px; }
    .market-insight-row .row>* {padding: 0 45px;}
    .founder-content { max-width: 400px; margin-left: auto;}
    .founder-wrp .star-shape {max-width: 550px;}
    .brands-wrp { padding: 60px 0 45px; }
    .brands-main .block-title {margin: 0 0 60px;}
    .our-services-left .section-title { margin: 0 -50px 0 0; }

    .brands-content { margin: 0 -15px; }
    /* Home Page End */
    
    /* Service Page Start */
    .service-banner-wrp .size-22 { padding: 40px 40px 0; }
    .service-banner-wrp { padding: 210px 0 100px; }
    .service-content-main .row { margin-left: -15px; margin-right: -15px; }
    .service-content-main .row>* { margin: 0 0 70px 0; padding-left: 15px; padding-right: 15px; }
    /* Service Page End */

    /* Contact Page Start */
    .contact-banner .section-title { font-size: 42px; }
    /* Contact Page End */

    /* About Page Start */
    .about-brands .star-shape { max-width: 550px; }
    .about-brands .star-shape { top: -43%; transform: translate(0, -50%); }
    .about-brands .brands-main { padding: 0 0 0 0; }
    .service-banner-content .main-title { line-height: 65px; }
    .about-banner .service-banner-content::before {width: 585px; height: 270px;}
    /* About Page End */

    /* Insights Papge Start */
    .insight-row .row { margin: 0 -20px; }
    .insight-row .row>* { padding: 0 20px; }
    .insights-bnr-wrp { padding: 250px 0 60px; }
    /* Insights Papge End */

    /* Footer Start */
    .footer-content .block-title { font-size: 38px; line-height: 50px; }
    .footer-bottom ul li { font-size: 18px; line-height: 22px; }
    .footer-content { margin: 0; }
    .footer-main .btn-border { margin: 24px 0 0; padding: 7px 27px; font-size: 22px; }
    .footer-img-1 { top: 102px; left: 40px; }
    .footer-img-2 { top: 80px; right: 135px; }
    .footer-img-3 { right: 250px; bottom: 55px; }
    /* Footer End */

    /* Typography Start */
    .typography-content h1 {font-size: 50px; line-height: 50px;}
    .typography-content h2 { font-size: 30px; line-height: 34px; }
    .typography-content h3 {font-size: 40px; line-height: 46px; }
    .typography-content h4 { font-size: 32px; line-height: 36px; }
    .typography-content h5 { font-size: 28px; line-height: 30px; }
    .typography-content h6 { font-size: 22px; line-height: 25px; }
    /* Typography End */

    /* Page 404 Start */
    .page-404 .insights-bnr-main .main-title { font-size: 130px; line-height: 150px; }
    .page-404.insights-bnr-wrp { padding: 200px 0 100px; }
    /* Page 404 End */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .section-title { font-size: 32px; line-height: 40px; }
    .block-title { font-size: 28px; line-height: 36px; }
    .btn-border { font-size: 22px; line-height: 26px; padding: 6px 28px; }
    .main-title { font-size: 42px; line-height: 50px; }
    .size-22 { font-size: 20px; line-height: 26px; }
    .size-29 { font-size: 22px; line-height: 30px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-brand {max-width: 130px; /* margin: 0 0 -28px; */ }
    .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 22px; }
    /* Header End */

    /* Home Page Start */
    .banner-wrp { padding: 190px 0 35px; }
    .banner-wrp .banner-img { margin: 0 0px 0 -100px; } 
    .banner-content {margin: 0;}
    .banner-content .section-title {line-height: 44px;}

    .our-services-wrp {max-width: 720px; padding: 45px 20px 44px 30px;}
    .our-service-img { margin: 50px 50px 0 -140px; }
    .our-service-content .block-title { margin: 0 0 32px; }
    .our-service-content { margin: 95px 0px 0 -46px; }

    .founder-main .row { margin: 0 -22px; }
    .founder-main .row>* { padding: 0 22px; }
    .market-insight-row .row { margin: 0 -30px; }
    .market-insight-row .row>* {padding: 0 30px;}
    .founder-content { max-width: 400px; margin-left: auto;}
    .founder-wrp .star-shape {max-width: 550px; bottom: -240px;}
    .brands-wrp { padding: 40px 0 45px; }
    .brands-main .block-title {margin: 0 0 60px;}
    .our-services-left .section-title { margin: 0 -30px 0 0; }
    .market-insight-wrp { padding: 60px 0 60px; }
    .market-insight-main { margin: 0 10px; }
    .market-insight-title { max-width: 215px; margin: 0 0 50px; }
    .market-insight-row .row>*:nth-child(even) .market-insight-block { margin: -120px 0 0; }
    .market-insight-row .row>*:nth-child(3n) .market-insight-block { margin: -44px 0 0; }
    .brands-content { margin: 0; display: block; position: relative; display: none; }
    .brands-block {margin: 0 0 30px;}

    .brands-block.show .brands-content {display: block;}
    .brands-logo {display: flex !important;}
    .brands-block.show .brands-logo {display: none !important;}
    .brands-block.show .brands-content .brands-logo { display: flex !important; }
    /* Home Page End */

    /* Service Page Start */
    .service-banner-wrp .size-22 { padding: 40px 30px 0; }
    .service-banner-wrp { padding: 190px 0 60px; }
    .service-content-main .row>* { margin: 0 0 50px 0; padding-left: 20px; padding-right: 20px; }
    .service-content-main .row { margin-left: -20px; margin-right: -20px; }
    /* Service Page End */

    /* Contact Page Start */
    .contact-banner .section-title { font-size: 42px; line-height: 44px; } 
    .contact-banner .banner-img { margin: 0 0px 0 -140px; }
    .contact-detail-wrp { padding: 40px 0 0 0; }
    .right-contact-info .form-control { padding: 12px 22px 8px 22px; }
    .contact-page .footer-bottom { padding-top: 140px; }
    .contact-banner .banner-content {padding: 0;}
    /* Contact Page End */

    /* About Page Start */
    .about-wrp { padding: 70px 0 40px; }
    .about-us-detail .size-22 { padding: 10px 0 0 0; }
    .about-block { margin: 0 0; }
    .second-about-section .about-us-detail .size-22 { padding: 20px 0 0 0; }
	.second-about-section .about-us-detail { margin-left: 75px; }
    .third-about-section .about-block { margin: 0 0; }
    .third-about-section { margin: 150px 0 80px; }
    .about-content .row { margin: 0; }
    .about-banner.service-banner-wrp { padding: 190px 0 120px; }

    .process-bar-main { margin: 0 0; }
    .left-process-bar ul li { font-size: 22px; line-height: 22px; }
    .left-process-bar { width: 190px; height: 100%; }
    .left-process-bar ul { padding: 130px 0 90px; }
    .process-bar-main .small-title * { padding: 0 0 40px 0; }

    .service-banner-content .main-title { line-height: 54px; }
    .about-brands .star-shape { max-width: 430px; }
    .about-brands .star-shape { top: -17%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
    .about-brands .brands-main { padding: 0 0 0 0; }
    .about-banner .service-banner-content::before {width: 390px; height: 230px;}
    /* About Page End */

    /* Insights Papge Start */
    .insight-row .row { margin: 0 -15px; }
    .insight-row .row>* { padding: 0 15px; }
    .insights-bnr-wrp { padding: 200px 0 50px; }
    .insights-bnr-main .main-title {line-height: 60px; margin: 0 0 22px;}

    .page-numbers-wrp { padding: 30px 0 30px; }
    /* Insights Papge End */

    /* Footer Start */
    .footer-main { padding: 200px 0 110px; }
    .footer-content .block-title { font-size: 36px; line-height: 44px; }
    .footer-bottom ul { justify-content: center; flex-wrap: wrap; }
    .footer-bottom { padding: 0 0 5px 0; }
    .footer-bottom ul li { font-size: 18px; line-height: 22px; margin: 0 19px 10px 0; }
    .footer-content { margin: 0; }
    .footer-main .btn-border { margin: 24px 0 0; padding: 7px 27px; font-size: 22px; }
    .footer-img-1 { top: 73px; left: 10px; }
    .footer-img-2 { top: 80px; right: 65px; }
    .footer-img-3 { right: 100px; bottom: 35px; }
    /* Footer End */

    /* Typography Start */
    .typography-content h1 {font-size: 42px; line-height: 42px;}
    .typography-content h2 { font-size: 30px; line-height: 34px; }
    .typography-content h3 {font-size: 40px; line-height: 46px; }
    .typography-content h4 { font-size: 30px; line-height: 34px; }
    .typography-content h5 { font-size: 28px; line-height: 30px; }
    .typography-content h6 { font-size: 22px; line-height: 25px; }
    /* Typography End */

    /* Page 404 Start */
    .page-404 .insights-bnr-main .main-title { font-size: 130px; line-height: 150px; }
    .page-404.insights-bnr-wrp { padding: 200px 0 100px; }
    /* Page 404 End */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Common Style Start */
    .section-title { font-size: 28px; line-height: 38px; }
    .block-title { font-size: 26px; line-height: 30px; }
    .btn-border { font-size: 18px; line-height: 24px; padding: 4px 24px; }
    .main-title { font-size: 35px; line-height: 40px; }
    .size-22 { font-size: 18px; line-height: 24px; }
    .size-29 { font-size: 22px; line-height: 30px; }
    /* Common Style End */
    
    /* Header Start */
    .header .navbar-brand {max-width: 80px; margin: 0 auto;}
    .header.header-fixed .navbar-brand { max-width: 70px; margin: 0 auto; }
    .header.header-fixed { padding: 7px 0; }
    .header .navbar-toggler {padding: 0; border: none; box-shadow: none; position: relative; z-index: 9; }
    .header .navbar-toggler span { display: block; position: relative; width: 25px; height: 2px; background-color: #3C2516; 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; max-width: 320px; overflow: auto; width: 100%; top: 0; right: -100%; bottom: 0; height: 100%; background-color: #FFF2E1; padding: 100px 50px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-collapse::after { content: ""; background-color: #FFF2E1; max-width: 320px; width: 100%; height: 70px; top: 0; position: fixed; right: -100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0;}
    .header .navbar-nav .nav-item { padding: 15px 0; text-align: center; }
    .header .navbar-toggler.open span:first-child { top: 8px; 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) {opacity: 0;}
    .header .navbar-toggler.open span:last-child { top: -6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-nav .nav-item .nav-link {display: inline-block;}
    .header .container {max-width: 100%;}
    /* Header End */
    
    /* Home Page Start */
    .banner-wrp { padding: 120px 0 25px; }
    .banner-wrp .banner-img { margin: 0 0 30px; } 
    .banner-content {margin: 0;}
    .banner-main .row {flex-direction: column-reverse;}
    .banner-content .section-title {line-height: 40px;}

    .our-services-wrp {max-width: 720px; padding: 35px 15px 35px 15px; width: auto; margin: 0 15px;}
    .our-service-img { margin: 30px 0 0 0; }
    .our-service-content .block-title { margin: 0 0 28px; }
    .our-service-content { margin: 40px 0 0; text-align: center; }

    .founder-wrp { padding: 25px 0 50px; }
    .founder-main .row { margin: 0 -15px; }
    .founder-main .row>* { padding: 0 15px; }
    .market-insight-row .row { margin: 0 -15px; }
    .market-insight-row .row>* {padding: 0 15px;}
    .founder-content { max-width: 100%; margin-left: 40px;}
    .founder-wrp .star-shape {max-width: 470px; bottom: -190px;}
    .brands-wrp { padding: 40px 0 45px; }
    .brands-main .block-title {margin: 0 0 40px; padding: 0 20px;}
    .our-services-left .section-title { margin: 0; text-align: center; }
    .market-insight-wrp { padding: 40px 0 20px; }
    .market-insight-main { margin: 0 10px; }
    .market-insight-title { max-width: 100%; margin: 0 0 30px; }
    .market-insight-row .row>*:nth-child(even) .market-insight-block { margin: 0 0 30px; }
    .market-insight-block {margin: 0 0 30px;}
    .market-insight-row .row>*:nth-child(3n) .market-insight-block { margin: 0 0 30px; }
    .brands-main .block-title::before, .brands-main .block-title::after {width: 20px; height: 1px;}

    .brands-content { padding: 10px 30px 30px; margin: 0 0; opacity: 1; position: relative;}
    .brands-block.show .brands-content {display: block;}
    .brands-block { margin: 20px 0; }
    .brands-logo {display: flex !important; max-width: 100%; height: auto;}
    .brands-block.show .brands-logo {display: none !important;}
    .brands-block.show .brands-content .brands-logo { display: flex !important; margin: 0 0 30px;}
    /* Home Page End */

    /* Service Page Start */
    .service-banner-wrp .size-22 { padding: 30px 40px 0; }
    .service-banner-wrp { padding: 110px 0 60px; }
    .service-content-main .row>* { margin: 0 0 30px 0; padding-left: 15px; padding-right: 15px; }
    .service-content-main .row { margin-left: -15px; margin-right: -15px; }
    .left-service-img { text-align: center; padding: 0 0 20px 0;}
    .service-banner-wrp .right-service-img { position: relative; text-align: center; right: 0; }
    .right-contact-info { margin: 30px 0 0 0;}
	.img-1, .img-2 { max-width: 50%; }
	.img-2 { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
	.service-content h5, .service-content p { text-align: center; }
	.service-content .container { padding-left: 40px; padding-right: 40px;}
    /* Service Page End */

    /* Contact Page Start */
    .contact-banner .section-title { font-size: 28px; line-height: 40px; } 
    .contact-detail-wrp { padding: 10px 0 0 0; }
    .right-contact-info .form-control { padding: 12px 22px 8px 22px; }
    .contact-page .footer-bottom { padding-top: 110px; }
    .left-contact-info { display: flex; justify-content: space-between;}
    .left-contact-info .top-info { margin: 0 0 30px 0; }
    .contact-banner .banner-content { padding: 0; margin: 0; }
    .right-contact-info .btn-border { margin: 20px 0 0; padding: 5px 20px; font-size: 20px; }
    /* Contact Page End */

    /* About Page Start */
    .about-wrp { padding: 50px 0 20px; }
    .about-us-detail .size-22 { padding: 10px 0 0 0; }
    .about-block { margin: 0 0; }
    .second-about-section .about-us-detail .size-22 { padding: 20px 0 0 0; }
    .third-about-section .about-block { margin: 0 0; }
    .third-about-section { margin: 150px 0 80px; }
    .about-content .row { margin: 0; }
    .about-section { position: relative; margin: 0 0 50px 0; }
    .about-content { position: relative; right: 0; left: 0; top: 0; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); }
    .second-about-section .row { margin: 0 0; }
    .about-img-main { margin: 30px 0 0 0;}
    .second-about-section .about-us-detail { margin: 0; }
    .about-banner.service-banner-wrp { padding: 140px 0 100px; }

    .process-bar-wrp { padding: 0; }
    .process-bar-main { margin: 0; }
    .left-process-bar ul li::before { height: 45px; margin: 0 0 5px 0;  }
    .left-process-bar ul { padding: 80px 0 50px; }
    .left-process-bar ul li { padding: 0 0 80px 0; font-size: 20px; line-height: 25px; }
    .left-process-bar { margin: 0 auto; width: 190px; height: 100%;}
    .process-bar-main .small-title * { padding: 0 0 30px 0; }
    .right-process-bar {padding: 30px 0 0 0;}
    .about-img-2 { margin: 0; }

    .service-banner-content .main-title { line-height: 50px; }
    .about-brands .star-shape { max-width: 450px; }
    .about-brands .star-shape { top: -6%; right: -190px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
    .about-banner .service-banner-content::before {width: 295px; height: 200px;}
	
	.about-section h5, .about-section p, .about-section .section-title { text-align: center; }
	.about-section .container { padding-left: 40px; padding-right: 40px;}
	.about-section .about-img-main img { max-width: 80%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
	.about-section .about-img-main div { text-align: center; }
    /* About Page End */

    /* Insights Papge Start */
    .insight-row .row { margin: 0 -15px; }
    .insight-row .row>* { padding: 0 15px; }
    .insight-row .market-insight-block { margin: 0 0 80px 0; }
    .insights-bnr-wrp { padding: 150px 0 50px; }
    .insights-bnr-main .main-title {line-height: 45px; margin: 0 0 22px;}

    .page-numbers-wrp { padding: 30px 0 20px; }
    .page-numbers li { font-size: 16px; line-height: 22px; padding: 0 10px 0 0; }
    /* Insights Papge End */

    /* Footer Start */
    .footer { margin: 20px 0 0 0; }
    .footer-main { padding: 200px 0 90px; }
    .footer-content .block-title { font-size: 28px; line-height: 36px; }
    .footer-content .block-title br {display: none;}
    .footer-bottom ul { justify-content: center; flex-wrap: wrap; }
    .footer-bottom { padding: 0 0 5px 0; }
    .footer-bottom ul li { font-size: 17px; line-height: 20px; margin: 0 10px 10px 0; }
    .footer-content { margin: 0 auto; max-width: 350px;}
    .footer-main .btn-border { margin: 20px 0 0; padding: 5px 20px; font-size: 20px; }
    .footer-img-1 { top: 30px; left: 10px; }
    .footer-img-1 img { width: 190px; height: 150px; }
    .footer-img-2 { top: 220px; right: 0; }
    .footer-img-2 img { width: 74px; height: 103px; }
    .footer-img-3 { right: 10px; bottom: 15px; }
    .footer-img-3 img { width: 156px; height: 105px; }
    .footer-img-1 img, .footer-img-2 img, .footer-img-3 img { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
    /* Footer End */

    /* Typography Start */
    .typography-content h1 {font-size: 40px; line-height: 40px;}
    .typography-content h2 { font-size: 30px; line-height: 34px; }
    .typography-content h3 {font-size: 32px; line-height: 40px; }
    .typography-content h4 { font-size: 26px; line-height: 28px; }
    .typography-content h5 { font-size: 25px; line-height: 28px; }
    .typography-content h6 { font-size: 22px; line-height: 25px; }

    .typography-section { padding: 140px 0 0 0; }
    /* Typography End */

    /* Page 404 Start */
    .page-404 .insights-bnr-main .main-title { font-size: 100px; line-height: 120px; }
    .page-404.insights-bnr-wrp { padding: 140px 0 50px; }
    /* Page 404 End */
 
}

/*---------- Small Mobile , IPhone Start ----------*/

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

@media (max-width: 575px) { 
    /* Contact Page Start */
    .contact-banner .section-title { font-size: 28px; line-height: 40px; } 
    .contact-detail-wrp { padding: 10px 10px 0 10px; }
    .right-contact-info .form-control { padding: 7px 15px 5px 15px; }
    .contact-page .footer-bottom { padding-top: 80px; }
    .left-contact-info { display: block;}
	.contact-banner .banner-content { padding: 0 10px; }
    /* Contact Page End */
	.insights-bnr-main { padding: 0 10px; }
	.insight-row { margin: 0 10px; }
	.process-bar-main { margin: 0 10px; }
	
	.left-service-img { max-width: 100%; position: initial; text-align: right; padding: 0; }
	.service-banner-wrp img { max-width: 250px; margin-right: 20px; }
	.container { padding-left: 25px; padding-right: 25px; }
	
}