#body footer .footer-pos { padding:20px 30px 30px 30px; border-top:1px solid #ececec }

  	/* • Footer
   	------------------------------------------------------------------------- */
   	#body footer ul.footer	{ margin:0; padding:0;}
   	#body footer ul.footer li	{ margin:0; padding:0 0 5px 0 ; display:inline-block; padding-right:10px;white-space:nowrap;}
  	#body footer ul.footer li:before 	{ content:url('images/icon-dot.svg'); padding-right:5px}
  	#body footer ul.footer li:first-child:before 	{ content:""; padding-right:0}

	#body footer ul.footer li a { cursor:pointer; transition: all 0.3s ease-out;}

	#body footer .footer-col-l	{ width:75%; float:left;}
	#body footer .footer-col-l	.col-sm1 { width:80%; float:left;}
	#body footer .footer-col-l	.col-sm2 { width:20%; float:left;}
	#body footer .footer-col-r		{ width:25%; float:left;}
	#body footer .footer-col-r img	{  width:100%; height:auto;}

	#body footer ul.media 		{ padding:0; margin:0; list-style:none; padding-bottom:15px; display: none;}
	#body footer ul.media li 	{ padding:0; margin:0; display: inline-block; padding-right:15px}
	#body footer ul.media li img 		{ opacity:0.5; transition: all 0.3s ease-out; cursor:pointer; width:30px; height:auto; }
	#body footer ul.media li:hover img	{ opacity:0.3;}


	/* ==========================================================================
		Media Style
	============================================================================= */
	@media only screen and (max-width: 1280px) {

	#body footer .footer-pos { padding:20px 30px 80px 30px;}
}

	@media only screen and (max-width: 1200px) {

	#body footer .footer-col-l		{ width:65%; }
	#body footer .footer-col-r		{ width:35%;}
	#body footer .footer-col-r img	{  width:100%;}

	#body footer .footer-col-l	.col-sm1 { width:100%;}
	#body footer .footer-col-l	.col-sm2 { width:100%; padding-top:15px;}

	#body footer ul.media  { padding-bottom:15px}

	}

	@media only screen and (max-width: 745px) {
	#body footer .footer-pos { padding:20px 30px}

	#body footer .footer-pos { padding:20px 20px }

	#body footer .footer-col-l		{ width:100%;  border-bottom:1px dotted #ececec; }
	#body footer .footer-col-r		{ width:100%; padding-top:15px}
	#body footer .footer-col-r img	{  width:50%;}

	}

	@media only screen and (max-width: 479px) {
   	#body footer ul.footer li						{ display:block; line-height:2}
   	#body footer ul.footer li:last-child			{ padding-bottom:20px }
  	#body footer ul.footer li:first-child:before 	{ content:url('images/icon-dot.svg');  padding-right:5px}

	#body footer .footer-col-r img	{  width:80%;}

	}