/* --------------- Tablet --------------- */

@media  only screen and (max-width: 900px){

}

/* --------------- Mobail --------------- */

@media  only screen and (max-width: 500px){
	
	/* --------- header --------- */

	header#type_2 .menu ul.f_menu {
		display: none;
	}
	header#type_2 .menu.responsive ul.f_menu {
		display: block;
	  	position: relative;
	}
	header#type_2 .menu a.icon {
	    float: none;
	    display: block;
	    text-align: left;
	    position: absolute;
	    top: 29%;
	    color: #000;
	    font-size: 25px;
	    right: 25px;
	}
	header#type_2 .menu.responsive ul.f_menu li.b_m {
	    display: block;
	    padding: 7px 0;
	    border-bottom: 1px solid #3333331c;
	}
	header#type_2 .menu.responsive ul.f_menu {
	    display: block;
	    position: absolute;
	    left: 0;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0px 1px 1px 0 #3333332b;
	    padding: 1em 3em;
	    z-index: 111;
	}
	header#type_2 .menu.responsive ul.f_menu li.b_m:hover {
	    background: #7bc74d;
	}



	header#type_1 .menu ul.f_menu {
		display: none;
	}
	header#type_1 .menu.responsive ul.f_menu {
		display: block;
	  	position: relative;
	}
	header#type_1 .menu ul li a{
		color: #000 !important;
	}
	header#type_1 .menu a.icon {
	    float: none;
	    display: block;
	    text-align: left;
	    position: absolute;
	    top: 29%;
	    color: #fff;
	    font-size: 25px;
	    right: 25px;
	}
	header#type_1 .menu.responsive ul.f_menu li.b_m {
	    display: block;
	    padding: 7px 0;
	    border-bottom: 1px solid #3333331c;
	}
	header#type_1 .menu.responsive ul.f_menu {
	    display: block;
	    position: absolute;
	    left: 0;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0px 1px 1px 0 #3333332b;
	    padding: 1em 3em;
	}
	header#type_1 .menu.responsive ul.f_menu li.b_m:hover {
	    background: #7bc74d;
	}

	/* ---------- footer ---------- */


	footer .col-xl-4 .row .col-xl-6 {
	    width: 50%;
	    padding-top: 2em;
	}
	footer .social_icon {
	    text-align: center;
	}

	/* ----------- Home Page ----------- */

	section.banneroption .content {
	    background: linear-gradient(45deg, #000000f7, transparent);
	    width: 90%;
	    float: right;
	    padding: 5em 2em;
	    margin: 0 2em;
	}
	h2 {
	    font-size: 34px;
	}
	h4 {
	    font-size: 23px;
	}
	section.we_help_home .img1 {
	    width: 60%;
	    margin: -8em 0px 0px auto;
	    border: 10px solid #fff;
	}
	section.we_help_home {
	    background: url(../img/SMEs-Homepage-v33.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding: 5em 1em;
	}
	section.build_startup {
	    background: url(../img/SMEs-Homepage-v35.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding: 5em 1em;
	}
	video#my-video {
	    width: 100%;
	}
	section.strong_network {
	    padding: 6em 1em;
	    background: url(../img/SMEs-Homepage-v36.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: bottom;
	}
	section.straightpoint {
	    padding: 4em 1em;
	}
	section.financing_leading {
	    background: url(../img/SMEs-Homepage-v39.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    padding: 5em 1em;
	}
	section.financing_leading .img:before {
	    content: '';
	    height: -webkit-fill-available;
	    width: 100%;
	    position: absolute;
	    background: none;
	    background-size: contain;
	    background-repeat: no-repeat;
	    top: -130px;
	    z-index: -1;
	}
	section.hylman_promising {
	    background: #000000f0;
	    width: 80%;
	    padding: 3em 2em;
	    margin: -7em 0em 0 0;
	    z-index: 111;
	    position: relative;
	    margin-left: 2em;
	}
	section.we_partner_wy {
	    background: url(../img/SMEs-Homepage-v47.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    padding: 6em 1em;
	}
	.img {
		padding: 1em;
	}
	section.we_care {
	    padding: 4em 1em;
	}
	section.care_ab_business {
	    padding: 7em 1em;
	}
	section.recent_pround_work .content {
	    margin: 1em 0;
	}
	section.recent_pround_work {
	    background: url(../img/SMEs-Homepage-v42.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    padding: 6em 1em;
	}
	section.latest_articles {
	    padding: 5em 1em;
	}
	section.request_call {
	    background: url(../img/SMEs-Homepage-v52.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding: 8em 2em;
	    margin: 1em;
	    background-position: center;
	    border-radius: 24px;
	    margin-bottom: -21em;
	    z-index: 111;
	    position: relative;
	}
	section.request_call a.bt {
	    text-decoration: none;
	    background: #672f18;
	    color: #ffff;
	    text-transform: uppercase;
	    font-weight: bold;
	    padding: 12px;
	    margin-left: -48%;
	    border-radius: 8px;
	    font-size: 14px;
	}
	section.request_call .search input {
	    border: 0;
	    padding: 12px;
	    width: 100%;
	    border-radius: 7px;
	}

	section.request_call a.bt {
	    text-decoration: none;
	    background: #672f18;
	    color: #ffff;
	    text-transform: uppercase;
	    font-weight: bold;
	    padding: 12px 8px;
	    margin-left: -46%;
	    border-radius: 8px;
	    font-size: 12px;
	}




/*	Climate*/

	section.claimate_change { 
	    padding: 4em 1em;
	}
	section.wt_claimate_change {
	    padding: 0 1em 1em;
	}
	section.wt_claimate_change .img {
	    position: relative;
	    z-index: 111;
	    margin-top: -2em;
	}
	section.investng_nature .content.bg { 
	    padding: 2em;
	}
	.width_img.mrginleft {
	    margin-top: -9em;
	    position: relative;
	    z-index: -2;
	}
	section.save_t_world { 
	    margin: 0 0em;
	    position: relative;
	    margin-top: -4em;
	    z-index: -3;
	}
	section.save_t_world .content {
	    padding: 8em 2em;
	}
	section.cl_content {
	    padding: 4em 1em;
	}
	section.fire_tem {
	    background: #0000009c;
	    padding: 3em 1em;
	    margin: 0em;
	    margin-bottom: -10em;
	}
	section.save_t_world .container-fluid {
	    padding: 1em !important;
	}
	section.save_t_world .img {
	    width: 100%;
	    margin: auto;
	    padding-top: 0em;
	}
}