.left_content, .search_box {-webkit-transition: width .2s ease;-moz-transition: width .2s ease;-ms-transition: width .2s ease;-o-transition: width .2s ease;transition: width .2s ease;}

.content_left {-webkit-transition: width .2s ease;-moz-transition: width .2s ease;-ms-transition: width .2s ease;-o-transition: width .2s ease;transition: width .2s ease;}

.menu_top ul li {-webkit-transition: padding .2s ease;-moz-transition: padding .2s ease;-ms-transition: padding .2s ease;-o-transition: padding .2s ease;transition: padding .2s ease;}
.menu_400, .mainmenu_400 {display:none;}
.global_400 {display:none;}
.social-links{display:none;}
.footer_down_links ul li {display: inline;float:none;}
.footer_bottom_right {width: 250px;}
.footer_bottom_right ul {width: 88%;}
.footer_bottom_right ul li {float: right;margin-left: 10px;}
#myImageFlow {width: 100%;}
#myImageFlow_navigation {width: 100%;}
#myImageFlow_caption .left_content {width:93%;}
#myImageFlow_navigation {top: 221px;height: 133px !important;}
#myImageFlow {height: 354px !important;}
.right_image_1 img {width: 100%;}
.idg_image ul li a img {width:58px;height:58px;}
@media only screen and (max-width:1023px) {
    .search_box .search {width:160px;}
     .content_left {width: 97%;padding: 6% 2%;}

    /*article page*/
.article_top img {max-width:100%;min-width: 99%;}
.article_content img {max-width:100%;}
.mainmenu .search_top {width:30px;}
.mainmenu .search_top>a {padding-right: 0px;width: 0px;overflow: hidden;height: 20px;}
.mainmenu .sub_menu {right: 34px;}
.header_social_links ul { float: right;right: 0px; position: absolute; z-index: 99;background-color: #E5E6E9;top: 52px;
margin-right: 0px;z-index: 999;} 
.social-links {   display:block; float: left;padding:25px;padding-bottom:19px;   padding-top: 19px;    width: auto;} 
.header_social_links ul {display:none;}
}

@media only screen and (min-width:402px) and (max-width:1023px) {
	
	#container_left_image_parent,#container_left_image_parent_slide,#container_left_image_parent .container_left_image{height: 537px;}
	.container_left_image{width:100%;}
	.idg_connect_parent,.tab_content_parent{clear:both;}
    #container_left_image_parent {min-width: 70%;min-height: 100%;}
    .container_left_image a img {max-width: 100%;width: 100%;height:100%;}
    .container_right_image {width: 30%;}
    .right_image_3 span, .right_image_2 span, .right_image_1 span {width: 100%;height: 100%;}
.container_left {width: 100%;}
.container_left_content .left_content {width: 48%;}
    .left_content img {max-width: 100%;min-width: 100%;}
    .footer_bottom_left {width: 100%;}
    .footer_down_links, .footer_down_links ul.second_link {width: 100%;}
    .footer_down_links ul {width: 100%;}
    .footer_down_links ul li {display: inline;float: none;}
    
    .container_right {width: 97%;padding: 0px 1%;margin-top: 30px;}
    .right_common_block {width: 45%;margin-right: 3%;}

    .apps {width:100%;text-align:center;}
    .apps a:last-child img {margin-bottom: 7px;}
    .jcarousel-skin-tango .jcarousel-container-vertical {width: 88%;}
    .jcarousel-skin-tango .jcarousel-next-vertical {width: 100%;}
    .jcarousel-skin-tango .jcarousel-prev-vertical {width: 100%;}
    .jcarousel-skin-tango .jcarousel-item {width: 100%;display: inline-block;float: none !important;}    
}
@media only screen  and (max-width:880px) {
	#container_left_image_parent, #container_left_image_parent_slide, #container_left_image_parent .container_left_image{height:463px;}
}
@media only screen  and (max-width:830px) {
	#container_left_image_parent, #container_left_image_parent_slide, #container_left_image_parent .container_left_image{height:429px;}
}
@media only screen  and (max-width:768px) {
	#container_left_image_parent, #container_left_image_parent_slide, #container_left_image_parent .container_left_image{height:413px;}
    .menu_top ul li {}
    .container_right {width: 97%;padding: 0 1%;}
    .right_common_block {padding: 10px 0% 20px;margin-right: 2%;width: 48%;}
    .apps a:last-child img {margin-bottom: 7px;}
    .menu_top ul li {padding: 30px 3% 25px;}
    .container_right {width: 96%;margin: 10px;padding:0px;}
    .mainmenu {height:78px;}
    .mainmenu .search_top {display:block;float: right;position: absolute;right: 0px;}

    .mainmenu .sub_menu {right: 0px;top: 49px;}
    .menu_top {width:65%;}
    .menu_top ul li {padding: 23px 2% 9px;}
    .search_box {margin: 14px 15px;}   
.header_social_links ul li {float: none;border-right: 0px;} 
.footer_site {width: 30%;}
.footer_bottom_right {width: 100%;text-align: center;}
.footer_bottom_right ul {width: 100%;margin-top: 10px;padding-left:0px;}    
.footer_bottom_right ul li {display:inline;margin-right: 10px;float: none;}
.footer_bottom_right ul li:last-child {margin-right:0px;}
.footer_bottom_right ul li:first-child {margin-left:0px;}
}
@media only screen  and (width:768px) {
	#container_left_image_parent{height: 413px !important;}
    #container_left_image_parent {min-width: 508px;min-height: 100%;}
    .container_left_image a img {max-width: 100%;width: 100%;}
    .container_right_image {width: 225px;}
    .right_image_3 span, .right_image_2 span, .right_image_1 span {height: 137px;width: 225px;}
    .more_links_new a{width:93.9%;}
    
    .imageflow .previous{width:86.8%;left:-78px;}
.imageflow .next{width:86.8%;right:-65px;background-position:138px 9px;}
}
@media only screen  and (max-width:767px) {
    .header_logo {padding: 16px 0px 12px 20px;}
    .log_register {padding-right: 5px;}
    .header_social_links p.login_image {background:none;width:18px;overflow:hidden;padding-left: 17px;padding-top: 18px;}
    .header_social_links p.login_image a:first-child {background: url("/images/User.png") no-repeat scroll left 0px transparent;padding-left: 20px;}    
    .mainmenu > li {clear: both;background-color: #53586B;height: 19px;padding: 5px 1% 5px 1%;border-bottom: 1px solid #767987;display:none;width: 150px;padding-bottom: 20px;}
    .mainmenu > li:hover {background:none;background-color: #53586B;}
    .mainmenu > li:last-child {display:block;padding:10px 1% 10px 1%;border-bottom: 0px;background-color: transparent;}
    .mainmenu > li:first-child {display:block;padding:10px 4% 15px 25px;background-image: none;border-bottom: 0px;background-color:transparent;}
    .mainmenu {height:54px;}
    .mainmenu .search_top {width:155px;}
    .mainmenu .search_top>a {width:155px;}
    .menucontainer {z-index: 99;}
    .header_logo p {font-size: 1.5em;padding-left: 1em;}
    .mainmenu li.active a.global {display:none;}
    .mainmenu li.active a.global_400 {display:block;}
    .container_left_content .left_content{width: 47%;}
}

@media only screen  and (max-width:710px) {
    .menu_400 {display:block;float: left;padding: 19px 0px 14px;margin-left: 15px;}
    .menu_400 a {color: #FFF;font-size: 16px;text-decoration: none;padding: 14px 12px 14px 10px;}
    .menu_400:hover a {background-color: #53586B;}
    #menu {display:none;position: absolute;top: 65px;left: 15px;}
    #menu ul li{display: block;clear: both;
    .search_result .search_result_content .search_content{padding-right:10px;}
    }
    
    #menu ul {background-color: #53586B;z-index: 100;float: left;padding: 10px;overflow: auto;position: absolute;top: 39px;}
    #menu ul li {border-bottom: 1px solid #767987;float: left;list-style-type: none;width: 100%;padding: 10px 0;}
    .menu_top ul li {padding: 9px 9% 9px;}
    .menu_top {width: 75%;}    
}

@media only screen  and (max-width:601px) {
    .library_content {width: 65%;margin: 0px 16%;}
    .resource_center {margin: 0px 7%;}
    .jcarousel-skin-tango .jcarousel-clip-vertical {width: 85%;}
    .jcarousel-skin-tango .jcarousel-container-vertical{width: 75%;}
    .library_content {width: 85%;margin: 0px 7%;}
    #myImageFlow_navigation {top: 255px;}
    #myImageFlow {height: 397px !important;width: 97.2%;}
    .imageflow .previous, .imageflow .next {width: 71.5%;}
    .imageflow .next{background-position:90% 9px;}
     .imageflow .next:hover{background-position:90% 9px;}
     .more_links_new {width: 97.2%;}
     .search_result .search_result_content .search_content{width:45%;}
}
@media only screen  and (max-width:650px) {
	#container_left_image_parent,#container_left_image_parent_slide,#container_left_image_parent .container_left_image{height: 480px;}
	#container_left_image_parent{width:100% !important;}
    #tab_right li:last-child{padding-right:0px;}
    .container_right_image {width: 100%;}
    .container_left_image img {min-width:100%;width:100%;}
    #container_left_image_parent {min-width: 310px;min-height: 100%;}
    .container_right_image {min-width: 388px;}
    .right_image_1, .right_image_2 {width: 33.333333%;float: left;}
    .hover_image_1 {padding:10px;margin-right:0px;}
    .hover_image_4, .hover_image_3, .hover_image_2 {width:88%}
    .right_image_3 span, .right_image_2 span, .right_image_1 span {width: 100%;min-height: 100%;}
    .container_left_image span {width: 99.8%;}
    .hover_image_1, .container_left_image span {margin-bottom: 10px;}
    .footer_social_links ul li{float:none;display:inline;}
    .footer_social_links ul{width:100%;}
    .footer_social_links {width: 100%;text-align:center;padding-top:15px;}
    .container_left_content_reg{padding: 0 15px;}
    .add_comment ul li input{width:64%;}
}

@media only screen  and (max-width:620px) {
    .right_common_block {width:100%;margin: 20px 0 0;}
    .comment_right {width: 100%;}
    .list-more{width:100%;padding-right:0px;}
    .max_char{margin-left: 145px;}
    .add_comment ul li input{width:64%;}
}
@media only screen  and (max-width:480px) {
	#container_left_image_parent, #container_left_image_parent_slide, #container_left_image_parent .container_left_image{height:380px;}
    .header_middle {position: relative;}
    .right_image_1, .right_image_2 {width: 49.994%;float: left;}
    .right_image_1:last-child{width: 100%;min-height: 140px;}
    .right_image_1:last-child img{display:none}
    .container_right_image {min-width: 436px;}
    .hover_image_1, .container_left_image span {margin-bottom: 10px;}
    .right_image_1 a img {width: 100%;max-width: 100%;}
    .container_right_image .right_image_1 span {height:100%;}
    .footer_down_links ul li a {padding: 0 5px;}
    .header_logo p {display:none;}
    .footer_site {width: 100%;margin-top: 30px;}
    .listed_links_block ul li:last-child {width: 112px;overflow: hidden;}
    .footer_bottom_left p{text-align:center;}
    .right_image_1, .right_image_2{min-height:105px;}
    
}
@media only screen  and (max-width:480px) {
   .listed_links_block ul li:last-child {width: 95%;margin-top: 3px;} 
   .more_links_new a{width:91.8%;}
   .frind_button{margin-left:0px;}
   .container_left_content_reg{padding: 0 10px;}
   .business_block{width:100%; border-right: :none}
   .contact_block{width:100%;padding-left:0px;padding-top:20px;}
   #menu {top: 14px;}
}           
@media only screen  and (max-width:401px) {
	#container_left_image_parent,#container_left_image_parent_slide,#container_left_image_parent .container_left_image{height: 280px;}
    .container_top {padding-bottom: 20px;}
    .container_left_content {padding-top:0px;}
    .social-links {padding: 20px 10px;}
    .log_register {padding-right: 7px;}
    .container_left {width: 100%;}
    .container_left_content .left_content {width: 98%;margin-top: 20px;}
    .imageflow .previous, .imageflow .next {width: 87.5%;}
    #myImageFlow {width: 100%}
    .container_right_image {min-width: 100%;}
    .left_content img {min-width: 100%;}
    .footer_bottom_left {width: 100%;}
    .footer_down_links, .footer_down_links ul.second_link {width: 100%;}
    .footer_down_links ul {width: 100%;}
    .footer_down_links ul li {display: inline;float: none;}
    .sub_button{top:10px;}
    .jcarousel-skin-tango .jcarousel-prev-vertical,.jcarousel-skin-tango .jcarousel-next-vertical{width:100%;}
    .apps {width: 100%;text-align: center;}
    .more_links_new{width:100%;}
    .resource_table tr td{display:block;width:100%;}
    .forget-pwd a,.remember-me,.login-content .button{margin-left:0px;}
}
@media only screen  and (max-width:399px) {
	.container_left_image{width:100%;}
    .hover_image_1 h2 {font-size:20px;} 
    .hover_image_4 h2, .hover_image_3 h2, .hover_image_2 h2 {font-size:11px;line-height: 12px;}                                                 
    .library_content {width: 88%;margin: 0px 7%;}
    .hover_image_2{padding: 0px 10px 0px;}
    .right_image_1, .right_image_2{min-height:90px;}
    .add_comment ul li textarea{display:block;}
    .right_image_1:last-child{width: 99.8%;min-height: 110px;}
}
@media only screen  and (max-width:320px) {
   .imageflow .previous, .imageflow .next {width: 100%;}    
   #myImageFlow {width: 100%}
   .imageflow .next, .imageflow .next:hover {background-position:117px 9px;}
   .listed_links_block ul li:last-child{width:112px;margin-top:0px;}
   .search_result .search_result_content .search_content{width:90%;}
   .right_image_1:last-child{width: 99.5%;min-height: 110px;}
}