@charset "utf-8";
/* CSS Document */

@media only screen  and (min-width:1250px) 
{
  .navigation >ul	{ display:block !important;}
  .download_content, .implement_content { float: left; }
  
}

@media only screen and (min-width:768px) and (max-width:1250px) 
{
    .rocontainer	{ width:100%; padding:0 20px; box-sizing:border-box;}
    .filters ul li a	{ padding-right:30px;}
    .left_sidebar	{ width:19%;}
    .main_content	{ width:78%;}
    .left_footer	{ width: 25%;}
    .footer_links	{ width:50%;}
    .stay_connected	{ width:25%;}
    
    .right_sidebar	{ width:26.5%;}
    .left_cont	{ width:70.5%; padding-left:65px;}
    .inner_cont	{ padding-bottom:40px;}
	
	.about_forum	{padding: 0;}
	.about_forum form	{margin: 0;}
	.post_search_msg{margin-right: 0;}
	
	.cartoon_rsg_online	{width: 19%;}
	.resource_navigation	{width: 34%;}
	.latest_discussion	{width: 47%;}
}

@media only screen and (min-width:500px) and (max-width:1100px)
{
	.download_content, .implement_content {clear: both; float: left; margin-top: 20px; max-width: 100%;  }
	.download_form a.download_preview, .implement_form a.implement_preview {clear: both; float: left; margin-bottom: 15px;}
	.browser_topics ul li figcaption { font-size: 16px; }
}

@media only screen and (max-width:500px)
{
	.download_content, .implement_content {clear: both; float: left; margin-top: 20px; max-width: 100%; }
	.download_form a.download_preview, .implement_form a.implement_preview {clear: both; float: left; margin-bottom: 15px;}
	.download_content span.download_icon, .implement_content span.implement_icon { display: none; }
	.download_content a.click_to_download, .implement_content a.click_to_implement	{clear: both; float: left; margin-left: auto; margin-top:5px; text-align: center; }
	.systemsLabel h3.blueTitle { font-size: 16px; }
	.systemsLabel { width: 200px; }
	.systemsLabel:after { width: 200px; }
}

@media only screen and (max-width:767px) {
	.question_ans a { background: url(../images/chaticon.png) 12px 12px no-repeat #4F8AC5; }
	.w-col { width: 100%; left: auto; right: auto; }
	.ro-footer-heading-text { padding-top: 20px; } 
    .rocontainer	{ width:100%; padding:0 20px; box-sizing:border-box;}
    a.menubtn	{ display:block;}
    .navigation >ul	{ display:none;}
    .middle_header	{ position:relative;} 
    .navigation	{}
    .navigation >ul		{box-shadow: 1px 1px 2px #aeaeae;float:none; position:absolute; left:0; top:100%; box-sizing:border-box; width:100%; background:#fff; padding:10px 0;}
    .navigation >ul > li	{  margin:0; padding:0; float:none; }
    .navigation >ul > li a	{ padding:8px 20px;}
    a.logo	{ margin-top:5px;}
    .navigation ul li em	{ top:17px; right:20px;}
    .navigation ul li ul	{ position:relative; left:auto; top:auto; width:100%; box-shadow:none;}
    .navigation ul li ul li a	{ padding:6px 20px;}
    .middle_header	{padding: 7px 0 8px;}
    .left_sidebar	{ width:100%;}
    .main_content	{ width:100%;}
    /*.main_container	{ padding-top:149px;}*/
    /*.main_container.small1	{ padding-top:120px;}*/
    /*.inner_container	{ padding-top:59px;}*/
    /*.inner_container.small1	{ padding-top:120px;}*/
	.inner_cont { padding-bottom: 15px; }
    .left_footer	{ width:100%; padding-bottom:20px;}
    .footer_links	{ width:100%; padding-bottom:20px;}
    .stay_connected	{ width:100%;}
    .btm_footer span.copyright	{ float:none; display:block;}
    .btm_footer	{ text-align:center;}
    .btm_links	{ float:none; display:inline-block;}
    .btm_footer	{ padding-bottom:8px;}
    .filters ul li a	{ padding-right:30px;}
    .filter_nav_acco { padding-top: 0; padding-left: 0; padding-bottom: 0; }
    .right_sidebar	{ width:100%;}
    .left_cont	{ width:100%; padding-left:65px; padding-bottom:30px;}
    .inner_cont	{ padding-bottom:40px;}
    .top_footer	{ padding:20px 0 25px;}
	
	.related_resources	{ height:auto !important;}
    .btm_slide	{ display:none !important}
    .slick-prev	{ display:block !important;}
	.slick-next	{ display:block !important;}
	
	.discussion_forum_top_left	{width: 75%; padding-top: 0;}  
	.discussion_forum_top_left .select_topic	{width: 100%; padding-bottom: 8px; padding-right: 0;}
	.discussion_forum_top_left .select_sort_by	{width: 100%; padding-bottom: 8px;padding-right: 0;}
	.discussion_forum_top{padding-bottom: 5px;}
	.discussion_forum_list > ul > li .post_title h5{width: 100%;}
	.discussion_forum_list > ul > li .post_title em{width: 100%; text-align: left;}
	.reply_edit_delete a.delete_link	{margin-right: 0;}
	.discussion_forum_btm span{float: none; text-align: center; display: block; }
	.discussion_forum_btm .btn_wrap	{float: none; width: 230px; margin: 0 auto;}
	.discussion_forum_btm	{padding: 0;}
	.discussion_forum_top_left a.clear_filter { padding-top: 8px; margin-left: 0; }
	
	.about_forum	{padding: 0;}
	.about_forum form	{margin: 0;}
	.post_search_msg{margin-right: 0;}
	.about_forum .your_reply textarea	{height: 125px;}
	
	.resource_tab	{width: 100% !important;padding-right: 0;}
	.browser_topics ul li	{width: 25%; padding-bottom: 3px;}
	.browser_topics ul li figcaption { font-size: 18px; }
	.latest_discussion	{width: 100%; padding-right: 0;}
	.resource_navigation	{width: 100%;}
	.cartoon_rsg_online	{width: 100%;}
	
	/*Begin login form code*/
	.loginform {
		width: 85%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.mglostpassmessage {
		width: 85%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: left;
		margin-top: 20px;
	}
	.mgsendpassform {
		width: 85%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: left;
	}
	.mgrenewalmessage {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	.mgloginmessage {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	.mglogintease {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	/*End login form code*/
	
	.filter_nav {
		width: 100%;
		padding-bottom: 6px;
	}
	.clear_sort_filter {
		float: left;
		clear: left;
	}
	.filter_nav .searchFilter {
		padding-left: 0px;
		padding-bottom: 15px;
	}
	
}
@media only screen and (max-width:599px) {
  
    .left_cont .social_cont	{ position:relative; left:auto; top:auto; width:100%; padding-top:20px;}
    .left_cont	{ padding-left:0;}
    .bookmark_this, .share_this, .print_view { text-align:center;}
    .social_cont .share ul li	{ display:inline-block; padding:0 2px;}
    .download_form, .implement_form { padding: 15px 15px 18px;}
    h1	{ font-size:26px; line-height:28px;}
    .breadcrumb ul li{ background-position:right 3px; font-size:10px;   padding: 0 9px 0 3px;}
    .breadcrumb ul li:first-child	{ background:url("../images/breadcrumbsep.png") no-repeat scroll right 3px;}
    .breadcrumb ul li:last-child	{ padding-right:0; background:none;}
    .breadcrumb	{ padding-bottom:8px;}
    .download_form > img, .implement_form > img	{ width:auto;}
	.post_reply span.no_reply	{display: block; padding-left: 0;}
	.post_reply span.last_reply{display: block; padding-left: 0; padding-bottom:15px;}
	.discussion_forum_top_left	{width: 68%;}
	.discussion_forum_top .searchFilter { padding-bottom: 7px; }
	.resp-tab-content	 ul li	{width: 50%; border-bottom: 1px solid #e3e3e3; }
	.resp-tab-content	 ul li:nth-child(2){border-right: none;}
	.browser_topics ul li	{width: 33.3333%;}
	.content .changeuser { width: 100%; }
	.content .changeuser td, th { padding: 5px 7px 5px 7px; }
}
@media only screen and (max-width:479px) {
    .rocontainer	{ padding:0 15px;}
    a.logo	img	{width:190px; height:auto;}
    a.menubtn em	{ font-size:21px; padding-right:7px;}
    .middle_header	{padding: 7px 0 9px;}
    .search_header form input[type="text"]	{ font-size:11px;}
    .header.small .middle_header	{ padding: 5px 0 8px;}
    /*.main_container	{ padding-top:147px;}*/
    /*.inner_container	{ padding-top:59px;}*/
    .library_listing ul li img	{ float:none; margin:0 0 10px;}
    .btm_links ul li	{ padding-right:22px;}
	.discussion_forum_top_left{width:100%;}
	
	.discussion_forum_top_left	{width:100%;}
	
	.discussion_forum_top .new_topic	{width: 160px; font-size: 15px; line-height: 27px; }
	
	.post_search_msg a	{width: 127px;}
	.about_forum .replying_to label	{position: relative; left: auto; top: auto; display: block; padding-bottom: 4px;}
	.about_forum .replying_to	{padding-left: 0;}
	.about_forum .reply_to label	{position: relative; left: auto; top: auto; display: block; padding-bottom: 4px;}
	.about_forum .reply_to	{padding-left: 0;}
	.about_forum .choose_file label{display: block; padding-bottom: 6px; position: relative; left: auto; top: auto;}
	.about_forum .choose_file	{padding-left: 0;}
	.preview_cancel_reply	{width: 240px;}
	.preview_cancel_reply	a	{width: 113px;}
	.about_forum .choose_file .customfile-wrap .customfile-upload{width: 80px;}
	.about_forum .choose_file .customfile-wrap{padding-left: 88px;}
	.about_forum .choose_file .customfile-wrap input	{font-size: 13px;}
	.browser_topics ul li	{width: 50%;}
	
	.top_navigation ul li a { font-size: 12px; }
	
	.mglogincell label { font-size: 14px; }
	
	
}

@media only screen and (max-width: 920px) {
	.footer-bottom-left { float: none; padding-left: 0px; width: 100%; margin: auto; text-align:center; }
	.footer-bottom-right { float: none; padding-right: 0px; width: 100%; margin: auto; text-align:center; }
	.footer-bottom-right ul li.last { margin-right: 0; }
	
}