/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../../../warp/css/responsive.css);





/* Breakpoints

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



/* All except large Screens */

@media (max-width: 1220px) {

	/*custom css*/
	.fido-table-top-box .fido-yello-top-box{width:57.2%; min-height:auto;}
	.fido-table-top-box .fido-yello-top-box .fido-y-box-con{ margin-bottom:0;}



}

@media (min-width: 960px) and (max-width: 1220px){
	
	.mem-table-top-box .mem-as-box{ margin-left:-7.2%}
	
}


/* Only Phones and Tablets (Portrait) */

@media (max-width: 959px) {



	/* Layout */

	.wrapper.max-width65,

	.wrapper.max-width80 { max-width: 100%; }



	.bg-colored { padding: 0; }



	/* Modules */

	.grid-h .mod-box-transparent { margin: 0; }

	

	/*custom css*/

	.update-sec .up-con-box{ width:100%; text-align:center; margin-bottom:12px;}

	.update-sec .up-email-box{ width:100%; margin:auto; max-width:380px; float:none; }



}



/* Only Tablets (Portrait) */

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

	/*custom css*/
	.y-table-con .table-title{ font-size:15px;}
	.mem-table-top-box .mem-yello-top-box{ min-height:88px;}
	.mem-table-top-box .mem-yello-top-box .mem-y-box-title{ margin:4px 0;}
	.mem-table-top-box .mem-yello-top-box .mem-inner-box{ padding:5px;}
	.mem-table-top-box .mem-yello-top-box .mem-y-box-con{ margin:4px 0px; font-size:10px;}
	.fido-table-top-box .fido-yello-top-box .fido-inner-box div img{ width:50px;}
	.fido-table-top-box .fido-yello-top-box .fido-y-box-title{ font-size:12px; line-height:12px;}
	.fido-table-top-box .fido-yello-top-box{ min-height:88px;}
	.fido-table-top-box .fido-yello-top-box .fido-y-box-con{ margin:4px 0px; font-size:10px; line-height:10px;}
	.fido-table-top-box .fido-uaf-c-vendor{ width:14.4%;}
	.fido-table-top-box .fido-u2f-authenticat{ margin-left:-7%;}





}



/* Only Tablets (Portrait) and Phones (Landscape) */

@media (min-width: 480px) and (max-width: 959px) {



	/* Layout */

	#search { display: none; }





}



/* Only Phones */

@media (max-width: 767px) {



	/* Layout */

	#toolbar,

	#headerbar,

	#logo,

	#search,

	#menubar,

	#breadcrumbs  { display: none; }



	#header { margin-bottom: 20px; } 



	/* System */

	.searchbox { border: none; }

	

	/*custom css*/

	.logo{width:100% !important; margin:10px 0px !important; text-align:center;}

	#banner{ position:static; }

	.custom-banner{ margin-top:20px;}

	

	.bot-link-sec .social-box, .bot-link-sec .link-list{ width:32%; margin:0 1% 15px 0;} 

	.footer-con .copy-text{ width:100%; margin:10px 0px; text-align:center;}

	.footer-con .footer-rightlinks{ width:100%; text-align:center;}
	
	.mem-table-top-box .mem-yello-top-box{ width:99.5%;}

	.mem-table-top-box .mem-as-box, .mem-table-top-box .mem-sp-box{ display:none;}
	
	/*.fido-table-top-box .fido-uaf-client, .fido-table-top-box .fido-uaf-server, .fido-table-top-box .fido-uaf-asm, .fido-table-top-box .fido-uaf-authen, .fido-table-top-box .fido-uaf-c-vendor, .fido-table-top-box .fido-u2f-authenticat, .fido-table-top-box .fido-u2f-server{ display:none;}
*/

	.mem-table-top-box, .fido-table-top-box{ min-width:480px; background:#fff;}
	.y-table-con{ min-width:480px; background:#fff;}
	.fido-table-top-box .fido-yello-top-box .fido-y-box-con{ font-size:10px; line-height:12px; margin-top:0;}
	.mem-table-top-box .mem-yello-top-box .mem-y-box-con{ font-size:10px; line-height:12px; margin-top:0;}


}



/* Only Phones (Landscape) */

@media (min-width: 480px) and (max-width: 767px) {







}



/* Only Phones (Portrait) */

@media (max-width: 479px) {



	/* System */

	#system .items .item,

	#system .items .item:first-child {

		margin-top: 12px;

		padding-top: 18px;

		border-top-width: 1px;

	}



	#system .items :first-child .item:first-child {

		margin-top: 0;

		padding-top: 0;

		border-width: 0;

	}



	#system .items .leading .item {

		margin-bottom: 0;

		padding-bottom: 0;

		border-width: 0;

	}



	.searchbox { padding: 0 0 0 38px; }

	

	/*custom css*/
	
	.caption h2{ font-size:22px; line-height:26px;}

	.bot-link-sec .social-box, .bot-link-sec .link-list{ width:48%; margin:0 1% 15px 1%;}
	
	.three-col-form .form-colmn{ float:left; width:100%; margin:0 0 15px 0;}
	
	.subs-form{ width:100%; margin:0;}
	
	.update-sec .up-con-box span{ width:100%; margin:0; padding:0; border:none;}

} 

	





}