@media (max-width: 1200px){
    /**CONTENT FOLD A**/
    .content-fold-a-wrapper {
        display: flex;
        align-items: stretch;
        padding: 60px 0px;
        gap: 20px;
    }

    .content-fold-a-img {
        flex: 0 0 400px;
        min-height: 100%;
    }
    
    .content-fold-a-content {
        display: flex;
        flex-direction: column;
    }
    
    .content-fold-a-content-inner {
        position: relative;
        padding: 20px;
    }
    
    .content-fold-a-bottom {
        display: flex;
        background: var(--color3);
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        margin-top: 20px;
        box-sizing: border-box;
    }
    
    /*CONTENT FOLD D*/
    .content-fold-d-wrapper {
    display: flex;
    align-items: stretch;
    padding: 110px 0px;
    gap: 20px;
    flex-direction: column !important;
}
	
	/*== == CONTENT FOLD I == ==*/
	
	.content-fold-i-img {
    	flex: 0 0 440px;
    	position: relative;
 	   border-radius: 20px;
}
	
		/*=== == CONTENT FOLD I END == ==*/
	
	/*== == CONTENT FOLDB == ==*/
	
	.content-fold-b-img {
  	  flex: 0 0 440px;
}
	
		/*== == CONTENT FOLDB END == ==*/

/*== == CONTENT FOLD I == ==*/
	
	.content-fold-i-img {
    	flex: 0 0 440px;
    	position: relative;
 	   border-radius: 20px;
}
	
		/*=== == CONTENT FOLD I END == ==*/
	
}

@media (max-width: 1024px){
    
    /**CONTENT FOLD A**/
    .content-fold-a-bottom {
    display: flex;
    background: var(--color3);
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
    margin-top: 20px;
    box-sizing: border-box;
    flex-direction: column;
    gap: 10px;
}

	body #primary .content-fold-a-wrapper {
	    flex-direction: column;
}

	.content-fold-a-img {
	    max-width: 500px;
	    margin: auto;
	}

.content-fold-a-content {
    display: flex;
    flex-direction: column;
    text-align: center;
}

/*CONTENT FOLD C*/
.content-fold-c-wrapper {
    display: flex;
    align-items: stretch;
    padding: 40px 0px;
    gap: 40px;
    justify-content: flex-end;
    text-align: center;
}

.content-fold-c-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.content-fold-c-img {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

/*CONTENT FOLD D*/
.content-fold-d-img-item-content {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.content-fold-d-content{
    text-align: center;
    align-items: center;
}

.content-fold-d-img img{
    min-height: 400px;
}
	/**FOLD 1 E**/
    .fold1e-content {
    display: flex;
    align-items: center;
    gap: 0px;
    padding: 40px 0px 40px;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    max-width: calc(100% - 0px);
    text-align: center;
    align-items: center;
}

.fold1e-img {
    position: relative;
    height: 540px;
    right: 0px;
    top: 0px;
    width: 100%;
    margin: 0px auto;
}

/*== == CONTENT FOLDB == ==*/

.content-fold-b .content-fold-b-wrapper {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 80px 0px 80px 0px;
}

.content-fold-b-img {
    flex: 0 0 auto;
}

.content-fold-b-img img {
    min-height: unset;
    height: 400px;
    max-width: 540px;
    margin: auto;
}

.content-fold-b::before {
    height: 50px;
}

.content-fold-b-wrapper .readmore {
    margin: 20px auto;
}

    /*== == CONTENT FOLDB END === ==*/
	
	
/*== == CONTENT FOLD I == ==*/

.content-fold-i-wrapper {
    flex-direction: column;
    padding: 40px 0px;
}

	.flipped .content-fold-i-wrapper {
    flex-direction: column;
    padding: 40px 0px;
}

.content-fold-i-img img {
    min-height: unset;
    height: 400px;
}

.content-fold-i-img {
    flex: 0 0 auto;
}

.content-fold-i-content {
    text-align: center;
    justify-content: center;
}

.content-fold-i .icon-modules {
    margin: auto;
    margin-bottom: 10px;
}

.content-fold-i-content .readmore {
    margin: 20px auto;
}
	
	.content-fold-i-content .small-title {
 	   justify-content: center;
}

    /*== == CONTENT FOLD I END == ==*/
	
	/*== == MODULE FOLDG == ==*/
	
	.module-fold-g-wrapper {
   		 flex-direction: column-reverse;
}

.module-fold-g-img {
    flex: 0 0 auto;
}

.module-fold-g-img img {
    height: 500px;
    width: auto;
    margin: auto;
}

.module-fold-g-content {
    max-width: 100%;
    text-align: center;
}
	
		/*== == MODULE FOLDG END == ==*/
}

@media (max-width: 767px){
    /*CONTENT FOLD D*/
    .content-fold-d-img{
        flex-direction: column;
    }
    
    .content-fold-d-img img {
    height: 100%;
    object-fit: cover;
    min-height: 100px;
    height: 175px;
}
	
		/**MODULE H**/

.module-fold-h{
    padding: 40px 0px;
}
	
	/*== == FOLD1 I == ==*/
	
	.fold1i-content .title {
 	   font-size: 62px;
 	   line-height: 70px;
}
	
		/*== == FOLD1 I END == ==*/
	
}

@media (max-width: 640px) {

	    .fold1a-content{
        padding: 110px 0px 110px;
    }
	
}

@media (max-width: 540px){


    /*CONTENT FOLD C*/
.content-fold-c-wrapper {
    display: flex;
    align-items: stretch;
    padding: 40px 0px;
    gap: 40px;
    justify-content: flex-end;
    text-align: center;
}

.content-fold-c-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.content-fold-c-img {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
	
	
	/*== == CONTENT FOLD I === ==*/
	
	.content-fold-i .icon-module-item {
 	   flex-direction: column;
}

.content-fold-i .icon-modules {
    margin: 10px auto;
    margin-top: 20px;
}
	
		/*== == CONTENT FOLD I END == ==*/

		/*== == FOLD1 I == ==*/
	
	.fold1i-content .title {
 	   font-size: 36px;
 	   line-height: 44px;
}
	
		/*== == FOLD1 I END == ==*/
}

@media (max-width: 480px) {
	/*== == FOLD1E == ==*/
	.fold1e-img {
    	height: 400px;
}	

.fold1e-img img {
    width: 200px !important;
    height: 200px;
}
	
		/*== == FOLD1E END == ==*/
	
}


@media (max-width: 400px) {
	
	/*== == MODULE FOLDG === ==*/
	
	.module-fold-g-module-item a {
 	   flex-direction: column;
}
	
		/*== == MODULE FOLDG END == ==*/

	/*== == FOLD1 I == ==*/

	.fold1i-content .title:last-child {
	    margin-left: 30px;
}
.fold1i-content .title {
    font-size: 29px;
    line-height: 31px;
}
	
		/*== == FOLD1 I END == ==*/
	
}