/*------------------------

responsive styles

------------------------*/
.footerB .full-container{
	padding:0 15px;
}
@media all and (min-width: 1200px){
	.main-wrapper{
		/*padding-top:50px;	*/
    padding-top: 98px;
        transition: all .3s linear;
	}
  body.header-fixed .main-wrapper{
    padding-top: 75px;
  }
}
@media all and (max-width: 1350px){
	.carousel.cif-home-slide .carousel-item:after{
    	left: 55%;
    	transform: skew(-20deg) translateX(200px);
	}
	.carousel.cif-home-slide .carousel-item.active:after {
	    transform: skew(-20deg) translateX(0);
	}
}
@media all and (max-width: 1200px){
	.newsletter-section .subscribe-text {
	    margin: 0 0 20px;
	}

}
@media all and (max-width: 991px){
	.common-space {
	    padding: 55px 0;
	}
	.widgetLeft, .widgetRight {
    	width: 100%;
    	padding: 0;
    }
    .widgetRight {
    	border-left: 0px solid #4faebc;
    	border-top: 1px solid #4faebc;
    	padding-top:40px;
    	margin-top:40px;
    }
    .upc-events {
    	justify-content: left;
    }
    .upc-events-bg {
    	width: 240px;
    }
    .upc-events-bg .head h1 {
    	line-height: 32px;
    	font-size: 28px;
    }
    .upc-events .upc-desc{
	    width: calc(100% - 240px);
	    padding: 0 0 0 30px;
    }
    .upc-events .upc-content .upc-text{
    	font-size: 16px;
    }
    .title-style{
    	font-size: 28px;
    	line-height: 35px;
    }
    .climate-action .title-style{
    	width:240px;
    	text-align: left;
    }
    .climate-action .content {
	    width: calc(100% - 240px);
	    padding-left: 30px;
	}
	.climate-action + .title-style {
    	margin-top: 45px;
    }
	.enivironment-section.container {
	    padding: 55px 0;
	    width: 100%;
	}
	.carousel.cif-home-slide .carousel-item:after{
    	left: 40%;
    	transform: skew(-20deg) translateX(200px);
	}
}
@media all and (max-width: 767px){
	.cif-home-slide .slick-slider .slick-arrow{
		display: none !important;
	}
	.enivironment-section.container{
		padding:0;
	}
	.enivironment-section .es-items:nth-child(3),
	.enivironment-section .es-items:first-child{
    	border-left: 0px solid #4faebc;
	}
	.enivironment-section .es-items:nth-child(4){
    	border-right: 0px solid #4faebc;
	}
	.enivironment-section .es-items:nth-child(1),
	.enivironment-section .es-items:nth-child(2) {
	    border-bottom: 1px solid #4faebc;
	}
	.enivironment-section .es-items{
	    padding: 50px;
	}
	.common-space{
		padding:40px 0;
	}
	.enivironment-section{
		padding:0px;
	}
	.climate-action .content {
	    width: calc(100%);
	    padding-left: 0px;
	}
	/* */
	.widget-row{
	    justify-content: flex-start;
	    padding: 0 0 20px;
	}
	.widgetLeft, .widgetRight{
    	display: block;
	}
	.cif-widgets .widget{
		margin:0;
	}
	.widget-row {
		justify-content: flex-start;
	    padding: 0 0 20px;
	    width: 100%;
	    align-items: center;
    }
    .widget-row:last-child{
	    padding: 0 0 0px;
    }
    .cif-widgets .label-text {
	    text-align: left;
	    color: #6d6e70;
	    font-size: 13px;
	    line-height: 15px;
	    max-width: calc(100% - 108px);
	    padding: 0 0 0 20px;
	}
	.widgets{
   	 padding: 30px 30px;
	}
	/* event */
	.upc-events-bg .head h1{
	    font-size: 22px;
	    line-height: 28px;
	}
	.upc-events-bg {
	    width: 100%;
	    float: none;
	}
	.upc-events-bg .head {
	    width: 100%;
	    text-align: center;
	    position: static;
	    top: 50%;
	    transform: translateY(0);
	}
	.upc-events-bg .head h1 {
	    font-size: 22px;
	    line-height: 28px;
	    margin: 0;
	    text-align: left;
	    padding: 0 0 0 15px;
	}
	.upc-events .upc-desc {
	    display: block;
	    align-items: center;
	    float: none;
	    width: 100%;
	    padding: 0;
	}
	.upc-events .upc-content {
	    width: 100%;
	    border: 0px;
	}
	.upc-events .upc-content:not(:last-child):after{
	  width:0;
	}
	.upc-events .upc-content:first-child {
	    position: relative;
	}
	.upc-events .upc-content .upc-text {
	    color: #6d6e70;
	    font-size: 15px;
	    line-height: 20px;
	}
	.upc-events .upc-content:last-child {
	    padding: 0px 15px 0;
	}
	.upc-events .upc-content .place, .upc-events .upc-content .date{
   		margin-bottom: 7px;
	}
	.newsletter-section .subscribe-text {
	    font-size: 14px;
	    line-height: 20px;
	    text-align: left;
	}
	.newsletter-section .subscribe-text {
	    font-size: 14px;
	    line-height: 20px;
	    font-weight: 700;
    	text-align: center;
	}
	.subscribe-input{
    	text-align: left;
	}
	.newsletter-section .subscribe-input input {
	    width: 186px;
	    height: 40px;
	    border: 0;
	    outline: none;
	    box-shadow: none;
	    text-align: center;
	    font-size: 14px;
	}
	.newsletter-section .subscribe-text span {
	    width: 100%;
	    display: block;
	}
	.newsletter-section .subscribe-button {

	    height: 30px;
	    padding: 3px 20px;
	    font-size: 12px;
	    border: 0;
	    border-radius: 0;
	    position: relative;
	    top: 0;
	    margin: 13px 0 0;
	}
	/* */
	.tweets{
		padding:0;
	}
	.twitter h2{
		margin-top:40px;
	}
	.tweets-wrapper {
	    padding: 0 25px;
	}
	.slick-slider .slick-arrow{
		width:15px;
		background-position: left center;
	}
	.slick-slider .slick-previous{
		left:-3px;
	}
	.slick-slider .slick-next{
		right:-3px;
    	background-position: right center;
	}
}
