@media (max-width: 1024px) {
    
    /* Added by Kerim */
    html, body {
      overflow-x: hidden;
    }
    
    .author-wrapper {
        margin-left: 0px;
        width: 100%;
    }
    /* End */

	.controller,
	.navbar-header ul,
	#fileCarousel .carousel-indicators,
	.navbar-nav > li.subscriber > a::before,
	.navbar-nav > li.last-issue > a::before,
	.carousel-indicators li.active::after,
	.issue .col-md-4 .issue-detail::after,
	footer .col-md-4
	{
		display: none !important;
	}
    .logo svg {
        width: 110px;
        margin-top: 5px;
    }
	p {
		font-size: 16px;
		line-height: 24px;
	}
        p img {
            width: 100%;
            height: auto;
        }
    .container {
        padding: 0px 15px;
        width: 100%;
    }
	footer {
		padding: 0;
	}
	footer .sitemap {
		padding: 10px 0;
	}	
	footer .social-media {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	footer .col-md-4,
	footer .col-md-3
	{
		padding: 0;
	}
	footer .col-md-3 {
		margin-top: 40px;
	}
	footer .container {
		padding: 10px 15px !important;
	}
	footer input[type=submit] {
		margin-bottom: 0px;
	}
	footer .social-media {
		margin-bottom: 0px;
	}
    
    .issue .col-md-4 .issue-detail,
    .issue .col-md-4 .issue-detail.stick,
    .issue .col-md-4
    {
        position: relative !important;
        top: auto !important;
        display: inline-block !important;
    }
    .sub .col-md-8 .socials {
        margin-left: 0;
    }
   .sub .col-md-8 .socials.stick {
        position: absolute;
        margin-left: 0px;
        margin-top: 6px;
    }
}

@media (max-width: 600px) {
}

@media (max-width: 640px) {
}

@media (max-width: 768px) {
	.navbar .navbar-brand span,
    .notion,
	.breadcrumb,
	.timeline,
	.timeline-head,
	.indicators,
	.timeline-container,
	.socials.row,
   	.owl-controls,
    .navbar-nav > li.search > a::before,
	.navbar-nav > li.search,
	#issueCarousel .carousel-caption a.red
	{
		display:none !important;
	}
	
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9, 
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		width: 100% !important;
	}
	
	.navbar-nav {
		margin: auto;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form
	{
		border-color: transparent;
		margin: 0 0 0 0px;
		padding: 0 0 0 0px;
	}
	.navbar-header {
		height: auto;
	}
	.navbar-nav > li {
		float: left;
		display: inline-block;
	}
	.navbar-inverse {
	}
	.navbar-inverse .navbar-toggle:hover {
		background-color: #FFF !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-header {
		margin-right: 0 !important;
	}
	.navbar-nav > li {
		width: 100%;
	}
	.navbar-nav > li.under-attack > a, 
	.navbar-nav > li.freescan > a
	{
		background: none;
		margin: 0;
	}
	.container {
		width: 100% !important;
		padding: 30px 15px !important;
	}
	header .container {
		padding: 0px !important;
	}
	.navbar-default .navbar-collapse {
		border: 0;
	}
	.side-collapse-container {
		width: 100%;
		position: relative;
		left: 0;
		transition: left .4s;
	}
	.side-collapse-container.out {
		left: 200px;
	}
	.side-collapse {
		top: 81px;
		bottom: 0;
		left: 0px;
		width: 200px;
		position: fixed;
		overflow: hidden;
		transition: width .4s;
		border-right: 15px solid #FFF;
		border-bottom: 0px solid #FFF;
	}
	.side-collapse.in {
		width: 0;
		border-right: 0;
	}
    .logo svg {
        width: 140px;
        margin-top: 0px;
    }
	.logo {
		margin-left: 0px;
		margin-top: 20px;
	}
	.navbar-inverse {
		border-bottom: 0px solid #c7c5c5;
	}
	.navbar {
		height: 81px;
		border-bottom: 1px solid #C8C5C5;
	}
	.navbar-toggle {
		margin-top: 10px;
		margin-right: 30px;
	    margin-left: 15px;
	}
	.navbar-toggle {
		border: 1px solid #bababa;
		border-color: #bababa!important;
	}
	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #1f1d1d;
	}
	.navbar-nav > li > a {
		padding: 10px 15px;
		line-height: 36px;
		border-bottom: 1px solid #e2e2e2;
	}
	.main {
		margin: 0px auto 0 auto;
	}
	.carousel {
		margin-bottom: 0px;
	}
	.carousel-indicators {
		width: auto;
		bottom: 0px;
		display: inline-block;
		margin: 0 auto;
		position: relative;
	}
	.carousel-indicators li,
	.carousel-indicators li.active
	{
		width: 20px!important;
		height: 20px!important;
		padding: 0;
		overflow: hidden;
		background: none;
		background-color: #FFF;
		text-indent: -9999!important;
		min-height: inherit;
		margin: 0 5px;
		border-radius: 20px;
	}
	.carousel-indicators li.active {
		color: #e30613;
		background-color: #e30613;
	}
	#cuffCarousel.carousel .item.active {
		background-color: #000;
	}
	#cuffCarousel.carousel .item.active img {
		opacity: 0.6;
	}
	#notionCarousel .item {
		text-align: center;
	}
	#notionCarousel .carousel-inner > .item > a > img {
		display: inline-block;
	}
	#cuffCarousel .container {
		text-align: center;
	}
	#cuffCarousel .container {
		text-align: center;
	}
	.society {
		padding-right: 0;
	}
		.society .low:last-child {
			padding-right: 0;
		}
	.low {
		width: 50%;
		float: left;
	}
	.agenda {
		border:0;
		min-height: inherit;
		padding: 0;
		margin-top: 30px;
        width: 100%;
	}
	.high .image img {
	    width: 100%;
	    height: auto;
	}
	.high p {
		margin-bottom: 20px;
        display: inline-block;
	}
	.notion {
		padding-left: 0;
		margin-top: 30px;
		border-top: 1px solid #eaeaea;
		padding-top: 20px;
	}
	.speeches {
		padding-left: 0;
		margin-top: 30px;
	}
	.speeches .speeches-list a {
		display: block;
	}
	.videos {
		margin: 30px 0;
	}
	.videos .col-md-6 {
		padding: 0;
		margin-bottom: 10px;
	}
	.observatory {
		padding: 0;
	}
	.observatory .col-md-12 {
		padding-right: 0;
	}
	#issueCarousel {
		margin-top: 20px;
	}
	#issueCarousel .active .carousel-caption {
		padding: 0 0 0 0;
	}
	#issueCarousel .active .carousel-caption .container div {
		width: 100%;
	}
	h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.title p {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.title .col-md-8 tags {
		float: left;
	}
	tags a {
		font-size: 12px;
	}
	.sub .col-md-8 {
		padding-right: 0;
	}
	.sub .col-md-8 .content {
		padding-left: 0;
		padding-right: 0;
	}
	.sub .col-md-8 .content .owl-carousel {
		width: 100%;
		margin-bottom: 30px;
		margin-left: 0;
		padding: 10px 0 20px 0;
	}
	important-file {
		width: 100%;
		margin-bottom: 30px;
		margin-left: 0;
	}
	important-file .detail {
		left: 10px;
		bottom: 10px;
	}
	important-file .detail h3 {
		font-size: 18px;
	}
	important-file .detail a {
		font-size: 12px;
	}
	important-image {
		width: 100%;
		margin-left: 0;
	}
	important-image p {
		float: left;
		line-height: normal;
	}
	important-image-left {
		width: 100%;
		margin-left: 0;
		margin-right: 0px;
	}
	#galleryCarousel {
		width: 100%;
		margin-bottom: 30px;
		margin-left: 0;
	}
	.author {
		margin-top: 20px;
		margin-bottom: 100px;
		width: 100%;
		margin-left: 0;
		padding: 20px 20px 20px 20px;
	}
	.author .col-md-5,
	.author .col-md-7
	{
		padding: 0;
	}
	.author a {
		float: left;
		margin-top: 20px;
	}
	.author {
		margin-bottom: 10px;
	}
	.right-column {
		padding: 0px;
		padding-top: 10px;
		margin-top: 0!important;
	}
	important-news-left, important-news-right, important-news-full {
		margin-left: 0;
		margin-right: 0px;
		padding: 15px 0 15px 0;
		width: 100%;
	}
	important-news-left .image,
	important-news-right .image {
		width: 100% !important;
	}
	important-news-full .col-md-5,
	important-news-full .col-md-7
	{
		padding-left: 0;
		padding-right: 0;
	}
	important-grey {
		border-left: 5px solid #e30613;
		padding: 20px;
		width: 100%;
		margin-left: 0;
	}
	.bulletin {
		margin-bottom: 20px;
		width: 100%;
		margin-left: 0;
		padding: 20px;
	}
	.list.post-list {
		display: block !important;
		width: 100%;
	}
	.post-item.half-big-item .image {
		/*height:inherit!important;*/
	}
	.post-item.half-big-item {
		min-height: inherit!important;
        width: 100% !important;
	}
	.post-item {
		padding: 0 0 15px 0 !important;
		min-height: inherit !important;
		max-height: inherit !important;
	}
	.post-item .img {
		margin-bottom: 10px;
	}
	.post-item .img img {
        width: 100% !important;
        height: auto !important;
        max-width: inherit;
	}
	.post-item.video-item {
		width: 100% !important;
	}
	.post-item.video-item .videos {
		margin-bottom: 0!important;
		margin-top: 5px !important;
	}
	.post-item.half-item {
		padding-bottom: 25px !important;
	}
	.post-item.half-item .col-md-3 {
		width: 25%;
		float: left;
	}
	.post-item.half-item .col-md-3 .img {
		width: 80px;
		height: 80px;
		position: relative;
		overflow: hidden;
		border-radius: 100%;
	}
	.post-item.half-item .col-md-3 .img img {
		width: auto !important;
		height: 100% !important;
		max-width: inherit;
	}
	.col-md-9 {
		padding: 0;
	}
	.half-item .col-md-9 {
		float: left;
		width: 75%;
	}
	li.post-item .img {
		height: inherit!important;
	}
	.issue-list .col-sm-4 .issue-list-item {
		margin: 0 0 15px 0;
	}
	.issue ul li .image {
		width: 80px !important;
		height: 80px !important;
		border-radius: 80px;
	}
	.issue .image img {
		width: auto !important;
		height: 100% !important;
	}
	.issue .high .image img {
		width: 100% !important;
		height: auto !important;
	}
	.issue .col-md-4 {
		padding-left: 0;
		padding-right: 0;
	}
	.issue .col-md-4 .issue-detail,
	.issue .col-md-4 .issue-detail.stick
	{
		position: relative !important;
		width: 100% !important;
		top: auto !important;
	}
	.post-item.issue-item:last-child {
		border-bottom: 0 !important;
	}
	important-nail-full {
		width: 100%;
		margin-left: 0;
	}
	.sub .col-md-8 .content .owl-carousel .owl-item .image {
		max-height: inherit;
	}
	.content important-file h2 {
		left: 10px;
		top: 10px;
	}
	important-nail,
	important-nail-right,
	important-nail-left
	{
		float: left;
		width: 100%;
		padding: 30px;
		margin: 15px 20px 0px 0;
	}
	.commentlist .comment-write h2 {
		padding: 10px 10px;
	}
	.commentlist .comment-write p {
		padding: 10px;
		font-size: 14px;
		line-height: 28px;
	}
	.commentlist .comment-write form li {
		padding: 0px 10px 0px 10px;
	}
	.commentlist .comment-write form textarea {
		width: 100%;
	}
	.commentlist .comment-write form input,
	.commentlist .comment-write form textarea
	{
		width: 100%;
	}
	.title .col-md-8 tags {
		width: 100%;
	}
	.event-detail {
		padding: 20px 10px 10px 10px;
		margin: 20px 0 25px 0;
	}
	.event-detail .col-md-1 {
		width: 100px;
		text-align: left;
		padding-left: 15px;
	}
	.event-detail .col-md-5 {
		margin-bottom: 10px;
	}
	.events .apply #apply organization {
		font-size: 18px;
	}
	.main > #cuffCarousel
	{
		margin: 15px 15px 0 15px;
	}
	.main > #fileCarousel
	{
		margin: 0px 15px 0 15px;
	}
	.main > #issueCarousel
	{
		margin: -35px 15px 15px 15px;
	}
	.active .carousel-caption {
		padding: 0 0 0 0;
	}
	.carousel-caption h1 {
		font-size: 18px;
		line-height: 24px;
		margin: 0px 0 10px 0;
	}
	.low {
		width: 100%;
		padding: 0;
	}
	.notion .carousel-control-prev,
	.notion .carousel-control-next
	{
		display: block;
	}
	.panorama {
		padding: 0;
	}
	.panorama .high,
	.panorama.observatory .high
	{
		min-height:inherit;
	}
	.videos {
		margin: 20px 0!important;
	}
	.videos .col-md-6 .detail h2 {
		margin-bottom: 5px;
	}
	.videos .col-md-6 .detail h3 {
		font-size: 18px;
		margin-bottom: 10px;
		line-height: 24px;
	}
	.videos .col-md-6 .detail img {
		display: inline-block;
		width: 10%;
		height: auto;
	}
	.videos .col-md-6 .detail date {
		margin-bottom: 10px;
	}
	.observatory li.normal.no-image:last-child {
		border-bottom: 1px solid #eaeaea;
	}
	.observatory {
		margin-bottom: 20px;
	}
	#fileCarousel .active .carousel-caption {
		padding: 0 0 0 0;
	}
	#fileCarousel .carousel-caption h3 {
		font-size: 24px;
		line-height: 28px;
	}
	#fileCarousel .carousel-caption a {
		margin-top: 20px;
	}
	#issueCarousel {
		margin-bottom: 0px;
	}
	#issueCarousel img {
		width: auto !important;
		height: 270px;
		max-width: inherit;
	}
	#issueCarousel .carousel-caption h3 {
		font-size: 18px;
		line-height: 24px;
	}
	#issueCarousel .active .carousel-caption .container {
		padding-top: 0px !important;
	}
	#issueCarousel .carousel-caption a {
		margin-top: 10px;
	}
	#issueCarousel .carousel-caption a.red {
		margin-left: 10px;
	}
	footer {
		margin-top: 0px;
	}
	.speeches .speeches-list {
		/*padding: 0px; 
		box-shadow:none;*/
		height: auto;
		overflow:inherit;
	}
	.speeches .speeches-list li {
		display: none;
	}
	.speeches .speeches-list li:first-child {
		display: block;
		border-bottom: 0;
	}
	.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
		margin-top: 5px !important;
	}
	.vc_col-sm-6:last-child .wpb_wrapper {
		padding: 0px;
	}
	.wpcf7 select {
		border: 1px solid #000;
		/*border-bottom: 1px solid #000;*/
		/*margin-top: 5px;*/
		margin-bottom: 5px;
		padding: 5px 0;
		max-width: 100%;
		font-size: 16px;
		font-weight: 500;
	}
	.wpcf7 input[type=submit] {
		padding: 5px 15px;
		font-weight: 900;
	}
	.wpcf7-form {
		padding: 0px;
	}
	.vc_active h4 a {
		background-color: #e30613 !important;
		color: #FFF !important;
		border-radius: 6px;
	}
	.most-readers li,
	.last-added li
	{
		display: none;
	}
	.most-readers li:first-child,
	.most-readers li:nth-child(2),
	.last-added li:first-child,
	.last-added li:nth-child(2)
	{
		display: block;
	}
	.commentlist {
		margin-top: 0;
	}
	.comments ul li .detail {
		padding: 5px 0 10px 0;
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 10px;
	}
	.agenda .high {
		box-shadow: 0 12px 54px rgba(0,0,0,0.12);
		padding: 16px;
	}
	.high .image,
	.panorama .high .image
	{
		width: 100%;
		height: 205px;
		float: left;
		margin-right: 10px;
		margin-top: 4px;
		text-align: center;
	}
	.panorama .high .image img {
		width: 100%;
		height: auto;
		display: inline;
		float: right;
	}
	.panorama.observatory .high {
		background-color: transparent;
		padding: 0;
		box-shadow:none;
		box-shadow: 0 12px 54px rgba(0,0,0,0.12);
		padding: 16px;
	}
	.high h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.panorama.observatory .high h3,
	.panorama.observatory .high p
	{
		color:#212020;
	}
	.file-list .post-item .file-cat-item-detail {
		position: relative!important;
		width: 100%!important;
		left: auto!important;
		bottom: auto!important;
		padding: 0px 0px 0px 0px!important;
		background:none!important;
		text-shadow: none!important;
		margin-top: 10px;
	}
	.file-list .post-item .file-cat-item-detail h3 {
		width: 100%;
		color: #212020!important;
		font-size: 24px!important;
		line-height: 30px!important;
	}
	.file-list .post-item .file-cat-item-detail p {
		display: inline-block;
		color: #212020!important;
		font-size: 16px!important;
		line-height: 24px!important;
	}
	.file-list .post-item .file-cat-item-detail a {
		color: #212020!important;
		background: url(../images/icons/arrow2.png) no-repeat right center!important;
	}

	.half-item tag {
		height: 17px;
		position: relative;;
		overflow: hidden !important;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden !important;
	    text-overflow: ellipsis;
	    display: -webkit-box !important;
		max-width: max-content;
		margin-top: 2px;
	}
	.post-item.video-item tag {
	    margin-right: 0;
	}

	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	    width: 100%;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation : portrait) {
    .post-item.half-big-item .image {
        height: auto !important;
        min-height: 227px !important;
        max-height: 360px !important; 
    }
    .videos .col-md-12 .image {
        width: 100% !important;
        max-height: 417px !important;
        min-height: 332px !important;
    }
    .videos .col-md-12 .image img {
        width: 100% !important;
        height: auto !important;
    }
    .post-item.full-item .img {
        height: 194px !important;
    }
    .post-item h3 {
        font-size: 22px !important;
        line-height: 32px !important;
        overflow: inherit !important;
    }
    .videos .col-md-12 .detail h3 {
        font-size: 22px !important;
        line-height: 32px !important;
    }
    .issue-list .col-sm-4 {
        padding: 0px 15px !important;
        width: 50% !important;
    }
    .issue-list .col-sm-4 .issue-list-item {
        min-height: 642px;
    }
    .issue-list .col-sm-4 .img-responsive {
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    .issue-list .col-sm-4 .issue-post-list a, .issue-list .col-sm-4 .issue-pdf-link a {
        width: 100%;
    }
    .issue .col-md-4 .issue-detail, .issue .col-md-4 .issue-detail.stick {
        width: 100% !important;
        max-width: 100%;
    }
    .high.post-item .image {
        height: 360px !important;
    }
    .col-md-6.post-item.half-item {
        height: auto !important;
    }
    .post-item.half-item .col-md-3 {
        width: auto;
        margin-right: 10px;
    }
}
@media only screen and (max-device-width: 1024px) and (max-device-height: 768px) and (orientation : landscape) {
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation : portrait) {
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
}

@media only screen and (min-width: 1280px) and (max-width: 1650px) {
}

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

}

@media (max-width: 667px) {
	
}

@media (max-width: 340px) {
}