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

	
	/* 
About */
	
		.vision_mission_section .mission-title,.vision_mission_section .vision-title{position: relative; left: 0; margin: 50px 0;}
	.vision_mission_section .vision-block{left: 0;}
	.values_block{padding: 20px !important;}
	.vision_mission_section .mission_wrapper, .vision_mission_section .vision_wrapper {
		position: relative;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}	
	.choose-section .choose-item-number{position: relative;}
	.choose-section .choose-item .choose-image {
		max-width: 200px;
		min-height: 200px;
		object-fit: cover;
		transition: transform 0.2s ease;
		transform: none;
		border-radius: 15px;
	}
	.choose-section .choose-item-content{transform: none;}
	
}

@media(min-width: 768px){
		.about-us .breadcrumb_section {
			margin-top: 8vh;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.breadcrumb_section {
			height: 30vh !important;
		}
	}
	@media (min-width: 768px) and (max-width: 992px) {
		.breadcrumb_section {
			height: 48vh !important;
		}
	}	

@media(max-width: 992px){.life-section-sub-description{ margin-bottom: 5px;} .life-section-sub-title{margin-bottom: 10px;}}

/* 
About */
@media(min-width: 768px) and (max-width: 992px){
	.values_block{padding: 35px !important;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	
/* 	creative-studio */
    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle::after {
        top: 4rem;
        right: -15rem;
        width: 42rem;
        height: 12rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .first_img {
        top: 6rem;
        left: 4rem;
        width: 11rem;
        z-index: 9;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .second_img {
        top: -1rem;
        left: 18rem;
        width: 11rem;
        z-index: 9;
    }
    .style_section {
        padding-top: 22rem;
    }
}

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

/* 	        creative-studio */
    .creative_studio_page .brand_impact_section .brand_container {
        margin: auto;
        width: 90%;
    }

    .creative_studio_page .brand_impact_section .brand_container .maximize_heading {
        font-size: 2rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .maximize_paragraph {
        font-size: 1rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle::after {
        top: 4rem;
        right: -23rem;
        width: 51rem;
        height: 15rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .first_img {
        top: 8rem;
        left: 3rem;
        width: 14rem;
        z-index: 9;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .second_img {
        top: -4rem;
        left: 19rem;
        width: 14rem;
        z-index: 9;
    }

    .creative_studio_page .style_section .style_container .own_heading {
        font-size: 3rem;
        color: transparent;
        -webkit-text-stroke: 1px #464158;
        text-transform: lowercase;
    }

    .orange_color {
        font-size: 3rem;
        -webkit-text-stroke: 0px;
    }

    .green_color {
        font-size: 3rem;
        -webkit-text-stroke: 0px;
    }
}

/* design_services_page */

@media (min-width: 768px) and (max-width: 991.98px) {
    .design_services_page .design_container {
        margin: auto;
        width: 90%;
    }
    .design_services_page .design_services_section .design_services_heading {
        font-size: 4rem;
    }
    
    .design_services_page .design_services_section .design_services_paragraph {
        font-size: 1rem;
    }
    .design_services_page .marketing_section .marketing_container {
        margin: auto;
        width: 90%;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card::before {
        top: -3rem;
        right: -2rem;
        width: 12rem;
        height: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info {
        top: 0rem;
        padding: 1.2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .heading {
        font-size: 1.2rem;
        line-height: 25px;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .paragraph {
        font-size: 0.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1::before {
        top: 2rem;
        right: -2rem;
        width: 12rem;
        height: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info {
        top: 9rem;
        padding: 1.2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 22px;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading1 .heading {
        font-family: 'Rozha One';
        font-weight: 400;
        font-size: 2.5rem;
        text-transform: capitalize;
        color: #464158;
        text-align: center;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .paragraph {
        font-size: 0.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2::before {
        top: 2rem;
        right: -2rem;
        width: 12rem;
        height: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info {
        top: 10rem;
        padding: 1.2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 22px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .paragraph {
        font-size: 0.8rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading .heading {
        font-size: 2.2rem;
        top: 0rem;
        left: 28rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3::before {
        top: -2rem;
        right: -2rem;
        width: 12rem;
        height: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info {
        top: 3rem;
        padding: 1.2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 22px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .paragraph {
        font-size: 0.8rem;
        padding-top: 0rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4::before {
        top: 2rem;
        right: -2rem;
        width: 12rem;
        height: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info {
        top: 6rem;
        padding: 1.2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 22px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .paragraph {
        font-size: 0.8rem;
        padding-top: 2rem !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .design_services_page .design_container {
        margin: auto;
        width: 90%;
    }
    .design_services_page .design_services_section .design_services_heading {
        font-size: 4rem;
    }
    
    .design_services_page .design_services_section .design_services_paragraph {
        font-size: 1rem;
    }
    .design_services_page .marketing_section .marketing_container {
        margin: auto;
        width: 90%;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card::before {
        top: -5rem;
        right: -2rem;
        width: 16rem;
        height: 16rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info {
        top: 2rem;
        padding: 2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .heading {
        font-size: 1.5rem;
        line-height: 28px;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .paragraph {
        font-size: 0.9rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1::before {
        top: 2rem;
        right: -2rem;
        width: 13rem;
        height: 13rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info {
        top: 10rem;
        padding: 2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .heading {
        font-size: 1.5rem;
        line-height: 28px;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading1 .heading {
        font-family: 'Rozha One';
        font-weight: 400;
        font-size: 2rem;
        text-transform: capitalize;
        color: #464158;
        text-align: center;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .paragraph {
        font-size: 0.9rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2::before {
        top: 2rem;
        right: -2rem;
        width: 13rem;
        height: 13rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info {
        top: 11rem;
        padding: 2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .heading {
        font-size: 1.5rem;
        line-height: 28px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .paragraph {
        font-size: 0.9rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading .heading {
        font-size: 3rem;
        top: 0rem;
        left: 37rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3::before {
        top: 2rem;
        right: -2rem;
        width: 13rem;
        height: 13rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info {
        top: 8rem;
        padding: 2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .heading {
        font-size: 1.5rem;
        line-height: 28px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .paragraph {
        font-size: 0.9rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 {
        position: relative;
        padding-top: 6rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4::before {
        top: 2rem;
        right: -2rem;
        width: 13rem;
        height: 13rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info {
        top: 8rem;
        padding: 2rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .heading {
        font-size: 1.5rem;
        line-height: 28px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .paragraph {
        font-size: 0.9rem;
        padding-top: 2rem !important;
    }
}
@media (min-width:1280px){
	.design_services_page .marketing_section .marketing_container .comminication_heading .heading {
		font-family: var(--headfont);
		font-weight: 400;
		font-size: 3.5rem;
		text-transform: capitalize;
		color: #464158;
		position: absolute;
		top: -2rem;
		left: 40rem;
		line-height: 120%;
    }
    .design_services_page .marketing_section .marketing_container .orange_card::before {
        background-size: 90%;
    }
	.design_services_page .marketing_section .marketing_container .orange_card1::before {
        background-size: 90%;
    }
	.design_services_page .marketing_section .marketing_container .orange_card2::before {
        background-size: 90%;
    }
	.design_services_page .marketing_section .marketing_container .orange_card3::before {
        background-size: 90%;
    }
	.design_services_page .marketing_section .marketing_container .orange_card4::before {
        background-size: 90%;
    }
	.design_services_page .marketing_section .marketing_container .orange_card .orange_info .paragraph {
    font-size: 13px;
   }
	.design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .paragraph {
    font-size: 13px;
   }
	.design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .paragraph {
    font-size: 13px;
   }
	.design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .paragraph {
    font-size: 13px;
   }
	.design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .paragraph {
    font-size: 13px;
   }
	
}

/* header */

	@media(min-width: 1200px) and (max-width: 1300px){
			.row.full-page-menu-bg{width: 100%;}
			.social-icons-menu{margin: 15px auto;}
			.left-menu-option{padding: 2rem 0 !important;}
			.right-sub-menu{padding: 2rem 0 !important;}
		}

		@media(min-width: 1400px) and (max-width: 1800px){
			.row.full-page-menu-bg{width: 80rem;}
			.left-menu-option:after{height: 94.5%;}
		}

	@media(max-width: 767px){
		.menu-option{padding: 0rem;}
		.navbar-collapse div {
			flex-direction: column;
		}	
		.navbar>.container-fluid {
			justify-content: center;
			margin: 15px 0;
		}	
	.overtopmenu button.btn.btn-primary img {
		margin-right: 10px;
		width: 20px;
		height: 20px;
	}
		

	.overtopmenu button.btn.btn-primary {
		color: #464158;
		font-family: var(--body);
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
	}		
	}	

/* process */

@media (min-width: 768px) and (max-width: 991.98px) {
    .briefing_process_section .numerical {
        font-size: 2rem;
    }

    .briefing_process_section .brief_heading {
        font-size: 1rem;
    }

    .briefing_process_section .brief_paragraph {
        font-size: 0.8rem;
        line-height: 20px;
    }

    .briefing_process_section .clients {
        font-size: 20px;
    }
    .briefing_process_section .orange_card_paragraph {
        top: 10rem;
        text-align: start;
        left: 2rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_white {
        font-size: 0.8rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_middle_white {
        font-size: 1.2rem;
    }
    .briefing_process_section .orange_card_paragraph2 {
        top: 10rem;
        text-align: start;
        left: 2rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_white2 {
        font-size: 0.8rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_middle_white2 {
        font-size: 1.2rem;
    }
    .briefing_process_section .orange_card_paragraph3 {
        top: 10rem;
        text-align: start;
        left: 2rem;
    }
    
    .briefing_process_section .orange_card_paragraph3 .organge_white3 {
        font-size: 0.8rem;
    }
    
    .briefing_process_section .orange_card_paragraph3 .organge_middle_white3 {
        font-size: 1.2rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
/* 	processes page */
	 .briefing_process_section {
        margin-top: 14rem;
    }

    .briefing_process_section .numerical {
        font-size: 3rem;
    }

    .briefing_process_section .brief_heading {
        font-size: 1.2rem;
    }

    .briefing_process_section .brief_paragraph {
        font-size: 1rem;
    }

    .briefing_process_section .clients {
        font-size: 20px;
    }
    .briefing_process_section .orange_card_paragraph {
        top: 13rem;
        text-align: start;
        left: 2rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_white {
        font-size: 1.2rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_middle_white {
        font-size: 1.8rem;
    }
    .briefing_process_section .orange_card_paragraph2 {
        top: 13rem;
        text-align: start;
        left: 2rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_white2 {
        font-size: 1.2rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_middle_white2 {
        font-size: 1.8rem;
    }
    .briefing_process_section .orange_card_paragraph3 {
        top: 14rem;
        text-align: start;
        left: 1rem;
    }
    
    .briefing_process_section .orange_card_paragraph3 .organge_white3 {
        font-size: 1.2rem;
    }
    
    .briefing_process_section .orange_card_paragraph3 .organge_middle_white3 {
        font-size: 1.8rem;
    }
}

/* puzzle */

@media (min-width: 768px) and (max-width: 991.98px) {
    .graphic_desginer_section .graphic_heading {
        font-size: 2.2rem;

    }

    .graphic_desginer_section .paragraph {
        font-size: 1rem;

    }

    .graphic_desginer_section .btnpurple {
        font-size: 16px;
        width: 200px;
        margin: auto;
    }

    .graphic_desginer_section .btnpurple:hover {
        background: #E65125;
        border: none;
    }

    .green_button .btn_green {
       width: 200px;
        font-size: 16px;
    }
    .green_button .btn_green:hover {
        background: #E65125;
        border: none;
       
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .graphic_desginer_section .graphic_heading {
    font-family: 'Rozha One';
    font-weight: 400;
    font-size: 3rem;
    color: #464158;
}
}


@media (min-width: 768px) and (max-width: 991.98px) {
  .breadcrumb_section .pink_vector_logo {
    position: absolute;
    top: 30%;
    right: 0%;
    width: 50%;
}
	.breadcrumb_section{
      height:62vh;
  }
  .breadcrumb_heading {
      font-size: 4rem;
  }
 .breadcrumb_paragraph {
      font-size: 14px;
  }
  .pink_logo::before {
      top: -6rem;
      right: -46rem;
      width: 84rem;
      height: 55rem;
  }
  .pink_logo::after {
      top: -1rem;
      right: -6rem;
      width: 28rem;
      height: 21rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_section{
      height:65vh;
  }
  .breadcrumb_heading {
      font-size: 5rem;
  }
  .breadcrumb_paragraph {
      font-size: 1rem;
  }
  .pink_logo::before {
      top: -6rem;
      right: -46rem;
      width: 84rem;
      height: 55rem;
  }
  .pink_logo::after {
      top: 0rem;
      right: -14rem;
      width: 40rem;
      height: 26rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
 .breadcrumbsection_heading{
    font-size: 4rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumbsectioncontainer{
    margin: auto;
    width: 90%;
  }
  .breadcrumbsection_heading{
    font-size: 5rem;
  }
   .breadcrumbsection_paragraph{
    font-size: 1rem;
       
  }
}


/* Team */

@media (min-width: 768px) and (max-width: 991.98px) {
    .Our_team_page .our_team_section .team_heading {
        font-size: 4rem;
    }

    .Our_team_page .our_team_section .team_paragraph {
        font-size: 1rem;
    }
	.Nazarius_section .naz_name {
    font-family: var(--body);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--bodycolor);
}
    .Nazarius_section .information_para {
    font-family: var(--body);
    font-weight: 400;
    font-size: 0.8rem;
    color: var(--bodycolor);
}
	.Nazarius_section .designation {
    font-family: var(--body);
    font-weight: 300;
    font-size: 1rem;
    line-height: 24px;
    color: var(--bodycolor);
}
    .Our_team_page .our_team_section .pink_logo::after {
        top: 0rem;
        right: -36rem;
        width: 59rem;
        height: 24rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .founders_section .founder_container {
        padding-top: 16rem;
        padding-bottom: 1rem;
    }
    .founders_section .noufel_img::after{
        top: -51%;
        left: -29%;
        width: 23rem;
        height: 53rem;
    }
    .founders_section .shafeeque_img::after{
        top: -52%;
        left: -25%;
        width: 22rem;
        height: 53rem;
    }
    .founders_section .krishna_img::after{
        top: -40%;
        left: -25%;
        width: 21rem;
        height: 53rem;
    
    }
    .founders_section .sajeevan_img::after{
        top: -53%;
        left: -31%;
        width: 21rem;
        height: 53rem;
    }
    .founders_section .founder_name {
        font-size: 1.2rem;
    }
    .founders_section .founder_desg{
        font-size: 1rem;
    }
    .Nazarius_section .naz_name {
        font-size: 1.8rem;
    }
    .Nazarius_section .designation {
        font-size: 1.2rem;
    }
    .Nazarius_section .information_para {
        font-size: 1rem;
        padding-top: 0px !important;
    }
   
    
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .founders_section{
        padding-top:3rem;
        padding-bottom: -2rem;
    }
    .founders_section .founders_heading{
        font-size: 6rem;
    }
    .founders_section .noufel_img::after{
        top: -53%;
        left: -28%;
        width: 33rem;
        height: 53rem;
    }
    .founders_section .shafeeque_img::after{
        top: -56%;
        left: -30%;
        width: 33rem;
        height: 53rem;
    }
    .founders_section .krishna_img::after{
      top: -44%;
      left: -27%;
      width: 31rem;
      height: 53rem;
    }
    .founders_section .sajeevan_img::after{
        top: -53%;
        left: -28%;
        width: 29rem;
        height: 53rem;
    
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .founder-name{
        font-size: 1rem;
        }
        .founder-role{
        font-size: 0.8rem;
        }
        .founder_information{
            position: absolute;
            top: 63%;
            transform: translate(-50px, 50px);
            left: 15%;
            text-align: end;
        }
        .founder_information1{
            position: absolute;
            top: 63%;
            transform: translate(-50px, 50px);
            left: 31%;
            text-align: end;
        }
        .founder_information2{
            position: absolute;
            top: 63%;
            transform: translate(-50px, 50px);
            right: 38%;
            text-align: end;
        }
        .founder_information3{
            position: absolute;
            top: 63%;
            transform: translate(-50px, 50px);
            right: 20%;
            text-align: end;
        }
}

/* video-production-services */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

/* 	Blog page */
.blog-box img {
    width: 100%;
    height: 350px;
}
	h2.blog-heading {
    color: #464158;
    font-size: 0.9rem;
    font-weight: 400;
    font-family: var(--headfont);
}
   .btn.blog-btn {
        position: absolute;
        right: -3%;
        bottom: 1px;
        border-radius: 30px;
        border: 1px solid #E65125;
        padding: 4px 30px 4px 16px;
        background-color: #E65125;
        color: #fff;
        font-size: 14px;
    }
	.blog-text {
    font-size: 0.7rem;
    color: #464158;
    padding: 15px 0px;
    font-weight: 500;
    font-family: var(--body);
}
	.btn.blog-btn:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    position: absolute;
    right: 9px;
}
	.banne-heading {
    position: absolute;
    bottom: 0px;
    left: 0rem;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
	.footer-sec input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: rgba(230, 81, 37, 1);
    color: #fff;
    border-radius: 20px;
    font-size: 1rem;
    font-family: var(--body);
    position: relative !important;
    padding: 10px 30px;
    margin: 1px;
    position: relative;
    /* right: 1px; */
    right: 0px;
    /* width: 50%; */
}
ul.social-icons li {
  
    margin-right: 10px;
}
.footer-design h4 {
    text-align: left;
    font-size: 0.9rem;
    font-family: var(--body);
    font-weight: 800;
    margin: 20px 0px 10px 0px;
    color: rgba(70, 65, 88, 1);
}
	.footer-design ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 0.7rem;
    font-family: var(--body);
}
	.footer-sec  p {
    font-size: 0.7rem;
    font-family: var(--body);
    font-weight: 400;
}
	.portfolio-bottom {
    display: flex;
    align-items: center;
    width: 84%;
    justify-content: space-between;
    left: 27px;
    position: absolute;
    bottom: -4px;
}
	.portfolio-btn {
    font-family: var(--body);
    font-size: 1rem;
    padding: 0px;
    text-decoration: none;
    border: 1px solid #E65125;
    padding: 0 9px;
    color: #E65125;
    border-radius: 18px;
}
	.portfolio__filter {
    display: inline-block;
    text-align: left;
    margin: 150px 0px 0px 0px;
    overflow: hidden;
}
	
	
}


@media (min-width: 768px) {
    .col-md-6 {
      
        height: 100%;
    }
}