/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

/*header logo and text*/
.header-info__mspu .name {
     padding-right: 10px;
  }
  .header-info__mspu .name h1 {
    font-size: 18px;;
  }

.header-info__mspu {
    padding: 10px 0 10px 10px;
}

  #header-image .header-info .header-info__mspu .logo img {
    max-width: 44px!important;
    position: absolute!important;
    top: -44px!important;
    left: 10px!important;
  }
  .header-info__en {
    height: auto;
      padding: 5px;
  }
  .header-info__en .name {
    text-align: center;
    font-size: 14px;
  }
/*header logo and text*/

/*Image*/
	#main  section .blog img,
	#main > section > div.items-leading > article > p > img, 
	#main > section > div.items-row > article > p > a.thumbnail.highslide.with-zoomin-img,
	#main > article > p > span > img,
	#main > article.item-page p span strong img 
	 {
		float: none!important;
		display: flex;
		width: 100%;
	    height: auto;
	    max-width: 100%;
	    margin: 0 auto!important;
	    clear:both;
	    content: '';
	}
	a.thumbnail.highslide.with-zoomin-img {
  	  float: none!important;
    	margin: 0;
    	display: flex;
	}
/*Image*/
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.langs {
		margin-top: -45px;
	}

/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */


}

@media only screen 
and (min-device-width : 998px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

  .top_menu__items a {
    max-width:96px;
  }

  .bannergroup {
  	
  	display: grid;
    grid-template-columns: repeat(auto-fit,minmax(266px,1fr));
    grid-gap: 2px;
  }

  .rt-sidebar-list {
    flex-direction: column;
  }

   .rt-sidebar-list__item a img {
		max-width: 100%;
   }
   .rt-sidebar-list__item:nth-child(even) {
		padding: 10px 7px;
   }


}

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

	#main p,#main  table,#main  ul,#main  li,#main  span,#main strong,#main  b,#main  
		pre,#main  div,#main ol {
		text-align: left!important;
	}
  	.langs {
       padding: 0; 
       margin-top: 0; 
       margin-bottom:0;
       background-color:#484848;
       padding-top: 3px;
   }
   	#top {
    	overflow: hidden;
    	min-height: 0px;
	}
	.besps_holder_1_0 {
		display: none;
	}
	.scroll-table {
    	overflow-x: scroll;
	}

	#top ul.menu {
		flex-direction: column;
		min-height: 235px;
		justify-content: flex-start;
		text-align: left;
		overflow-y: scroll;
	}

}

@media only screen and (max-width : 998px) {
    body {
    	background:#fff;
    }
	#wrapper {
	    margin-top: 0;
	}
	.besps_holder_1_0 {
    	display: none;
	}
	/*Search form*/

	#login-form .inputbox, .registration input, .profile-edit input,
	#login-form .inputbox, .contact .inputbox, .login-fields input, 
	.remind input, .reset input, .word .inputbox, .search .inputbox, .finder .inputbox {
	  border: none;
	  height: 27px;
	  border: none;
	}

	input.button, button.button {
	  border: none;
	  color: #fff;
	  /*margin-left: 3px;*/
	  padding: 10px 20px;
	}
	input.button, button.button, button.validate {
	  /*padding: 3px 5px 3px 14px;*/
	    cursor: pointer;
    	text-transform: uppercase;
    	padding: 10px 16px;
	    border: none;
	    font-weight: 600;
	    font-size: 11px;
	    line-height: 13px;
	    text-align: center;
	    letter-spacing: 0.12em;
	    color: #FFFFFF;

	}
	.search input[type=text] {
		width: 96%;
		background-color: #fff;
	    border: none;
	    font-size: 14px;
        padding: 6px;
        border: 1px solid #555;
	}
	/*Search form*/

	/*mobule top menu position-1*/
	  #header .top_menu {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 15px 0;
	  }
	  #header .top_menu__items {
	    flex-direction: column;
	  }

	  .top_menu__items_social {
	      display: flex;
	      flex-direction: column;
	      justify-content: flex-start;
	      align-items: center;
	      padding-right: 20px;
	      /*margin-right: 20px;*/
	      padding-bottom: 23px;
	  }

	  .top_menu__items_social a {
	      text-decoration: none;
	      padding: 3px;
	  }

	  
	  #header .top_menu__items {
	    flex-direction: column;
	      align-items: flex-end;
	  }
	  .top_menu__items a {
	      padding: 0 7px;
	      background: none!important;
	      color: #fff!important;
	      font-size: 15px;
	      text-decoration: none;
	      padding: 11px;
	      font-weight: 600;
	      width: 100%;
	  }
	/*mobule top menu position-1*/

	.langs img {
	    width: 32px;
	    padding: 4px;
	}



	/*images*/
	#main .items-row img {
	  max-width: 100%!important;
	  float: none;
	  width: 100%;
	  height: auto!important;
	}
	.highslide img {
	  max-width: 100%;
	  height: auto;
	  border: 1px solid silver;
	}
	/*images*/

	/*Right SideBar*/
	.rt-sidebar-list {
	  width: 100%;
	}
	.rt-sidebar-list__item {
	  width: 100%;
	}
	#right .moduletable a img {
	  max-width: 100%;
	  height: auto;
	}
	/*Right SideBar*/


	/*bannergroup*/
	.bannergroup {
	    display: grid;
	    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    	grid-gap: 2px;
	}
	/*bannergroup*/

    .rt-banners {
    	display: grid;
    	grid-template-columns: repeat(auto-fit,minmax(266px,1fr));
        grid-gap: 2px;
	}
	

	/*temp*/
	.left1, #right, #main, .bannergroup,#footer-outer,#wrapper{
	  width: 100%;
	  float: none;
	}

	.left1 {
	  display: none;
	}
	.junewsultra, .syndicate-module,.backh {
	  display: none;
	}

	.besps_slides_1_0 div img, .besps_holder .besps_holder_1_0{
	  display: none;
	}
	#right {
	  margin: 0;
	  padding: 0;
	}


	.clearfix::after {
	  content: "";
	  display: table;
	  clear: both;
	}
	/*temp*/

}


@media only screen and (max-width : 1024px) {
  /*mobule top menu position-1*/ 
  #header .top-menu-wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%!important;
      max-width: 1300px!important;
      position: relative!important;
      background: rgb(18,100,112);
      min-height: 50px;
  }
  .top-menu-wrap span.text_menu  {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;

  }
  #header .top_menu {
    display: none; 
  }

  /* show mobile menu*/
  #header .top_menu.active {
    display:flex;
  }
/*.mobule top menu position-1*/

}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}


/* Desktops and laptops ----------- */

@media only screen 
and (min-device-width : 998px) 
and (max-device-width : 1310px) 
and (orientation : landscape) {

	.rt-sidebar-list {
		flex-direction: column;
	}

	.rt-sidebar-list__item a img {
		max-width: 100%;
	}
	.rt-sidebar-list__item:nth-child(even) {
		padding: 10px 7px;
	}
	.rt-sidebar-list__item {
		min-height: 20px;
	}

}

@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}