/*Extra Small devices (phones, 320px and up) */
@media (min-width: 320px) and (max-width:575px){
    
    h1{
        font-size:22px;
        line-height:24px;
    }
    h1 span{
        font-size:30px;
        line-height:36px;
    }
    h2{
        font-size:20px;
        line-height:30px;
    }
    h3{
        font-size:16px;
    }
    p{
        font-size:14px;
    }

    /* Header Area Start */
    .header__area {
        padding-top: 24px;
        padding-bottom: 40px;
    }
    .logo img{
        max-width:200px;
    }
	.main__menu ul li::after{
        left: 4%;
    }
    .main__menu ul li .nav-link.active::after{
        left: 4%;
    }
    .banner__content h1{
        margin-bottom: 32px;
    }
    .banner__content p{
        font-size:14px;
        line-height:22px;
        margin-top: 32px;
        padding:0 8px;
    }
    .banner__content {
        padding-top: 64px;
    }
    /* Header Area End */

    /* What we do section */
    .what__we-do-area {
        padding:48px 0;
    }
    .what__content p{
        font-size:14px;
        line-height:22px;
        padding:0 8px;
    }
    .what__content {
        padding-bottom: 48px;
    }
    .what__card{
        padding:0;
    }
    .what__card img {
        margin-bottom: 26px;
    }
    .card__content p{
        line-height:22px;
        font-weight: 500;
    }
    .card__content p:not(:last-child){
        margin-bottom: 32px;
    }
    .card-2{
        margin:48px 0;
    }
    /* What we do section */

    /* Our Process Section */
    .our__process{
        padding:46px 0;
    }
    .process__content h2{
        margin-bottom: 16px;
    }
    .process__content p{
        line-height:22px;
    }
    .process__content p:not(:last-child){
        margin-bottom: 36px;
    }
    .our__process-row .process__img-col img{
        position:unset;
        margin-top: 36px;
        width: 100%;
    }
    /* Our Process Section */

    /* Trend Market Section */
    .trend__market-area {
        padding: 48px 0;
    }
    .trend__market-title{
        margin-bottom: 16px;
        text-align: left!important;
    }
    .trend__market-left-col{
        padding-right: 12px;
    }
    .trend__market-right-col{
        padding-left:12px;
    }
    .trend__market-left-content p{
        line-height: 22px;
        margin-bottom: 36px;
    }
    .trend__market-right-content{
        margin-top: 36px;
    }
    .trend__market-right-content p{
        line-height: 22px;
    }
    .trend__list{
        margin-top: 24px;
    }
    .trend__list .list__img img {
        width: 7px;
        max-width: 7px;
    }
    /* Trend Market Section */

    /* About Us section */
    .about__us {
        padding: 48px 0;
        background:url(../images/about--bg-sm.png);
        background-position: center center;
    }
    .about__content{
        padding-right: 0;
    }
    .about__content h2{
        margin-bottom: 16px;
    }
    .about__content p{
        line-height:22px;
    }
    .about__content p:not(:last-child){
        margin-bottom: 36px;
    }
    .about__content p:last-child{
        font-size:16px;
    }
    /* About Us section */

    /* Footer Area */
    .footer__area {
        padding:16px 0;
    }
    .footer__content p{
        font-size:13px;
    }
    /* Footer Area */


}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width:767px){ 

    h1{
        font-size:48px;
        line-height:64px;
    }
    h1 span{
        font-size:72px;
        line-height:80px;
    }
    h2 {
        font-size:40px;
        line-height:56px;
    }
    h3 {
        font-size:20px;
    }
    p{
        font-size: 16px;
    }
    .logo img{
        max-width:250px;
    }
	.main__menu ul li::after{	
        left: 2%;	
    }	
    .main__menu ul li .nav-link.active::after{	
        left: 2%;	
    }
    .banner__content {
        padding-top: 80px;
    }
    .banner__content h1{
        margin-bottom: 28px;
    }
    .banner__content img{
        width: 80%;
    }
    .banner__content p {
        font-size: 18px;
        margin: 44px auto 0 auto;
    }
    .what__we-do-area {
        padding: 80px 0;
    }
    .what__content p{
        font-size: 18px;
    }
    .what__content {
        padding-bottom: 40px;
    }
    .what__card img {
        margin-bottom: 28px;
        width: 100%;
    }
    .card__content p{
        font-weight: 500;
    }
    .card__content p:not(:last-child){
        margin-bottom: 32px;
    }
    .card-2{
        margin:40px 0;
    }
    .what__card{
        padding:0;
    }
    .our__process{
        padding: 80px 0;
    }
    .process__content h2{
        margin-bottom: 16px;
    }
    .process__content p:not(:last-child){
        margin-bottom: 36px;
    }
    .our__process-row .process__img-col img{
        position:unset;
        margin-top: 36px;
        width: 100%;
    }
    .trend__market-area{
        padding: 80px 0;
    }
    .trend__market-left-content p{
        margin-bottom: 32px;
    }
    .trend__market-left-content img{
        width:100%;
        margin-bottom: 32px;
    }
    .trend__market-left-col{
        padding-right: 12px;
    }
    .trend__market-right-col{
        padding-left:12px;
    }
    .about__us{
        padding: 80px 0;
        background:url(../images/about--bg-sm.png);
        background-position: center center;
    }
    .about__content{
        padding-right: 0;
    }
    .about__content h2{
        margin-bottom: 20px;
    }
    .about__content p:not(:last-child) {
        margin-bottom: 32px;
    }
    .about__content p:last-child{
        font-size:16px;
    }

 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width:991px) {

    h1{
        font-size:48px;
        line-height:64px;
    }
    h1 span{
        font-size:72px;
        line-height:80px;
    }
    h2 {
        font-size:40px;
        line-height:56px;
    }
    h3 {
        font-size:20px;
    }
    p{
        font-size: 16px;
    }
    .logo img{
        max-width:250px;
    }
	.main__menu ul li::after{	
        left: 2%;	
    }	
    .main__menu ul li .nav-link.active::after{	
        left: 2%;	
    }
    .banner__content {
        padding-top: 80px;
    }
    .banner__content h1{
        margin-bottom: 28px;
    }
    .banner__content img{
        width: 100%;
    }
    .banner__content p {
        font-size: 18px;
        margin: 44px auto 0 auto;
    }
    .what__we-do-area {
        padding: 80px 0;
    }
    .what__content p{
        font-size: 18px;
    }
    .what__content {
        padding-bottom: 40px;
    }
    .what__card img {
        margin-bottom: 28px;
        width: 100%;
        height:300px;
        object-fit: cover;
        object-position: top;
    }
    .card__content p{
        font-weight: 500;
    }
    .card__content p:not(:last-child){
        margin-bottom: 32px;
    }
    .card-2{
        margin:40px 0;
    }
    .what__card{
        padding:0;
    }
    .our__process{
        padding: 80px 0;
    }
    .process__content h2{
        margin-bottom: 16px;
    }
    .process__content p:not(:last-child){
        margin-bottom: 36px;
    }
    .our__process-row .process__img-col img{
        position:unset;
        margin-top: 36px;
        width: 100%;
		height: 300px;
object-fit: cover;
object-position: center;
    }
    .trend__market-area{
        padding: 80px 0;
    }
    .trend__market-left-col{
        padding-right: 12px;
    }
    .trend__market-right-col{
        padding-left:12px;
    }
    .trend__market-left-content p{
        margin-bottom: 32px;
    }
    .trend__market-left-content img{
        width:100%;
        margin-bottom: 32px;
    }
    .trend__list {
        margin-top: 24px;
    }
    .about__us{
        padding: 80px 0;
    }
    .about__content{
        padding-right: 0;
    }
    .about__content h2{
        margin-bottom: 32px;
    }
    .about__content p:not(:last-child) {
        margin-bottom: 32px;
    }
    .about__content p:last-child{
        font-size:16px;
    }

  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px ){ 
    
    /* Header Area Start */
    .logo img{
        width:100%;
        max-width: 250px;
    }
    h1{
        font-size:48px;
        line-height:64px;
    }
    h1 span{
        font-size:64px;
        line-height:72px;
    }
    h2{
        font-size:40px;
        line-height:56px;
    }
    h3{
        font-size:20px;
    }
    p{
        font-size:16px;
    }
    .banner__content{
        padding-top: 72px;
    }
    .banner__content p {
        font-size: 18px;
        max-width: 708px;
        margin: 40px auto 0 auto;
    }
    /* Header Area End */

    /* What to Seek section Start */
    .what__we-do-area {
        padding: 80px 0;
    }
    .what__content {
        padding-bottom: 40px;
    }
    
    .what__content p{
        font-size: 18px;
        max-width: 684px;
        margin: 12px auto 0 auto;
    }
    .what__card{
        padding:0 12px;
    }
    .what__card img{
        margin-bottom: 32px;
    }
    .card__content p:not(:last-child){
        margin-bottom: 24px;
    }
    /* What to Seek section End */

    /* Our Approach Section Start */
    .our__process {
        padding:80px 0;
    }
    
    .our__process-row .process__img-col img{
        width: 50%;
        object-fit: cover;
        height: 100%;
        object-position: left;
    }
    .process__content p:not(:last-child) {
        margin-bottom: 32px;
    }
    /* Our Approach Section End */

    /* Public Market Area */
    .trend__market-area {
        padding:80px 0;
    }
    .trend__list{
        margin-top: 20px;
    }
    .trend__list .list__img img {
        width: 7px;
        max-width: 7px;
    }
    /* Public Market Area */

    /* About Us Section Start */
    .about__us {
        padding: 80px 0;
    }
    .about__content h2 {
        margin-bottom: 24px;
    }
    .about__content p:not(:last-child) {
        margin-bottom: 32px;
    }
    .about__content p:last-child{
        font-size:18px;
    }
    /* About Us Section End */

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and ( max-width:1399px ){ 

    p{
        font-size: 16px;
    }
    h1{
        font-size:56px;
        line-height:64px;
    }
    h1 span{
        font-size:80px;
        line-height:96px;
    }
    .banner__content{
        padding-top: 80px;
    }
    .banner__content h1{
        margin-bottom: 32px;
    }
    .banner__content p,
    .what__content p {
        font-size: 18px;
        max-width: 695px;
    }
    .what__card{
        padding:0 15px;
    }
    /* Our Approach Section Start */
    .our__process-row .process__img-col img{
        width: 50%;
        object-fit: cover;
        height: 100%;
        object-position: left;
		/* z-index: -10; */
    }
    /* Our Approach Section End */
	
	/* Public Market Section Start */
    .trend__market-area {
        padding: 150px 0;
    }
    /* Public Market Section End */
	
    /* About Us Section Start */
    .about__us {
        padding: 150px 0;
    }
    /* About Us Section End */

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) and (max-width:1599px){ 

    /* Our Approach Section Start */
    .our__process-row .process__img-col img{
        width: 50%;
        object-fit: cover;
        height: 100%;
        object-position: left;
    }
    /* Our Approach End */

    /* About Us Section Start */
    .about__us {
        padding: 190px 0;
    }
    /* About Us Section End */


}

/* Exter Large devices (extra larger desktops, 1600px and up) */
@media (min-width: 1600px) and (max-width:1799){  }

/* Exter Large devices (extra larger desktops, 1600px and up) */
@media (min-width: 1800px){ 

    /* Banner Section Start */
    .banner__content {
        padding-top: 80px;
    }
    .banner__content p{
        margin: 40px auto 0 auto;
    }
    /* Banner Section End */


}