@media (max-width :650px) {
	[class*="col-sm-"] {
		width: 100% !important;
		margin: 0 !important;
	}
	.header__search {
		padding: 0px 5px;
	}
	.header__logo-container {
		margin: auto;
		left: 0;
		right: 0;
		position: relative;
		width: 55%;
	}
	
	.home-modal__body .header__logo {
		max-width:60% !important;
	}
	
	.delete-clear-article-btn {
	    width: 60px;
	    font-size: 10px;
	    align-items: center;
	    display: flex;
	    margin: 0px 4px 0px 8px;
	}
	
	#tag-suggestion-div {
		width: 83%;
	}
	.page-title__container ~ .news-content {
		top: 440px !important;
		border-top: 1px solid #e5e5e5;
	}
	
	.page-title__container ~ .report-news-content {
    	top: 440px !important;
	}
	.search div.news-content {
		top: 110px;
	}
	.geo-trend__number {
		display: block;
		margin: 10px 10px 15px;
	}
	.geo-trend .container {
		padding: 10px 0;
		margin: 0;
	}
	.geo-trend__number {
		font-size: 32 px !important;
		margin: 8px 0 0 0;
	}
	.geo-trend-content .map-container {
		height: 45vh;
	}
	.welcome-container {
		padding: 0 0 10px 0 !important;
	}
	.welcome-header {
		font-size: 17px;
		padding: 2px 0 10px 0;
	}
	.welcome-message {
		font-size: 12px;
		padding: 0 6px;
	}
	#timelineGraph {
		height: 75px;
	}
	.hide-element-sm {
		display: none !important;
	}
	.show-element-sm {
		display: block !important;
	}
	ul.tabs {
		width: 200px;
		height: 35px;
	}
	ul.tabs li {
		float: left;
		width: 100px;
	}
	ul.tabs li a {
		font-size: 10px;
	}
	ul.tabs li a:hover {
		margin: 10px 0 0 0;
	}
	#searchText-infobar {
		display: none;
	}
	.cloud-sidebar {
		padding: 1% 0px 0px 15px;
		font-size: 14px;
		margin-top: 5px;
		width: 75%;
		transform: translateX(-102%);
		-webkit-transform: translateX(-115%);
		-moz-transform: translateX(-115%);
		-ms-transform: translateX(-115%);
	}

	/*tag and tag type filter list*/
	#tag-suggestion-list-slide {
		width: 47%;
	}
	#tagType-suggestion-div-on-slide {
		max-width: 210px;
	}

	/*article slide tag*/
	.tag__style {
		font-size: 11px;
	}
	.tag-switch-sm {
		position: absolute;
		right: 45px;
	}
	/*Tag tag-type filter*/
	.geo-trend .tag-switch-sm {
		top: 305px;
	}
	.filter .tag-switch-sm {
		top: 352px;
	}
	.tagTypes-switch-sm {
		position: absolute;
		right: 20px;
	}
	.geo-trend .tagTypes-switch-sm {
		top: 260px;
	}
	.filter .tagTypes-switch-sm {
		top: 305px;
	}
	.tag-switch-sm>span {
		display: none;
	}
	.tagTypes-switch-sm>span {
		display: none;
	}
	.tagType-suggestion-btn {
		position: absolute;
		width: 80%;
		left: 0;
		right: 0;
		margin-left: 15px !important;
		padding-top: 5px;
		height: 35px;
	}
	
	#tagType-suggestion-btn {
	    width: 80%;
	    height: 35px;
	    margin-left: 14px !important;
	}
	
	.container__tag__tag-type .tag-suggestion-outer {
		position:unset !important;
	}
	.filer .tagType-suggestion-btn {
		top: 315px;
	}
	.geo-trend .tagType-suggestion-btn {
		top: 260px;
	}
	#tagType-suggestion-div {
		position: absolute;
		width: 80%;
		left: 0;
		right: 0;
	}
	.geo-trend #tagType-suggestion-div {
		top: 293px;
		margin-left: 15px;
	}
	.filter #tagType-suggestion-div {
		top: 340px;
		margin-left: 28px;
	}
	#tag-suggestion-input {
		position: absolute;
		left: 0;
		right: 0;
		height: 35px;
	}
	.geo-trend #tag-suggestion-input {
		margin-left: 15px;
		width: 70% !important;
		top: 300px;
	}
	.filter #tag-suggestion-input {
		margin-left: 15px;
		width: 75% !important;
		top: 345px;
	}
	#tag-suggestion-list-landing {
		position: absolute;
		left: 0;
		right: 0;
	}
	.geo-trend #tag-suggestion-list-landing {
		margin-left: 15px;
		margin-top:35px;
		width: 70%;
		top: 305px;
	}
	.filter #tag-suggestion-list-landing {
		margin-left: 27px;
		width: 74%;
		top: 47vh;
	}
	.geo-trend .date-range {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto !important;
		width: 90%;
		top: 340px;
	}
	#custom-date-range-picker {
		position: absolute;
		right: 10px;
	}
	.geo-trend #custom-date-range-picker {
		top: 375px;
	}
	.filter #custom-date-range-picker {
		top: 420px;
	}
	#selected-tags {
		position: absolute;
		top: 300px;
		right: 15px;
	}
	.geo-trend #selected-tags {
		top: 300px;
	}
	.filter #selected-tags {
		top: 350px;
	}
	#feed-cloud-container {
		width: 95%;
	}
	#tag-cloud-container {
		width: 95%
	}
	.geo-trend .home-modal__block-text {
		text-align: center;
	  	white-space: nowrap;
		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.container__tag__tag-type {
		border: none;
	}
	.add-new-resource-sidebar {
		width: 100%;
	}
	.add-new-resource__form-group > .row .col-2 {
		margin-top:2px !important;
	}
	#selected-articles:nth-child(3) {
	    width:50% !important;
	}
	.home-modal__footer {
	    padding: 15px !important;
	}
	.article-side__operation-bar.active {
		right: calc(65% - 1px);
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}
	.info-icon {
		margin-top: 100%;
	}
	#tag-suggestion-div .info-icon {
		margin-top: 15%;
	}
	.geo-trend__number>sup>i {
		font-size: 16px !important;
	}

	/*CSS for article slide*/
	.article-side {
		width: 88%;
	}
	.article-side__header {
		height: 65px;
	}
	.article-side__source-title, .article-side__source-hint {
		font-size: 13px;
	}
	.div-recommends-bubble-container {
		width: 34%;
		display:none;
	}
	.div-recommend-title {
		font-size: 13px;
	}
	.article-side__detail>h2 {
		font-size: 16px;
	}
	.article-side__operation-bar.active {
		right: calc(88% - 1px) !important;
	}
	.article-side__operation-bar.collapse {
		right: 55% !important;
	}
	.recom-article-title {
		font-size: 12px;
	}
	.article-side__operation-text {
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 11px;
		max-width: 150px;
		min-width: 36px;
		min-height: 0;
	}
	.article-side__detail-operation ul li:nth-child(2) {
		padding-left: 10px !important;
	}
	.article-side__image-container img {
		width: 85%;
	}
	.article-side__detail-label {
		margin: 0px 4px;
	}

	/*CSS for user profile side */
	.user-side {
		width: 75%;
	}
	.add-article__avatar {
		display: block;
		margin-top: 20px;
	}
	.add-article-person {
		text-align: center;
		padding: 5px;
	}
	.article-operation__nav-list {
		text-align: center;
	}
	.article-operation__title, .article-operation__list {
		text-align: center;
	}
	.article-operation__nav-list li {
		margin: 4px;
	}

	/*report*/
	.panel .panel-heading .text-bold {
		font-size: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.panel .panel-body h2 {
		font-size: 18px;
	}
	.home-modal__container {
		width: 90% !important;
	}
	
	#selected-articles {
	    width: 100% !important;
	}
	
	#snackbar {
		max-width: 90%;
	}

	/*search timeline graph*/
	#timeline_graph_search_wrapper {
		height: 100px !important;
	}
	#timeline_graph_search {
		height: 100px !important;
	}
	#taxilaCategories {
		height: 100px;
		overflow-y: scroll;
	}

	/*analysis*/
	.analysis-history__item__module {
		font-size: 12px;
	}
	.analysis__title {
		padding: 10px 25px !important;
		font-size: 27px !important;
	}
	.article-side__header {
		height: 40px !important;
	}
	.term-analysis-container {
		top: 125px !important;
	}
	.term-graph-x-axis-label p {
		font-size: 11px !important;
	}
	.term-graph-y-axis-label p {
		font-size: 11px !important;
	}
	.selected-term-details>p {
		font-size: 10px !important;
	}
	.selected-term-details {
		margin: 2%;
	}
	#tag-analysis-back-button {
		font-size: 12px !important;
		padding: 9px 0 0 0 !important;
		margin-left: 4px !important;
	}
	.report-back-header .search-icon {
		display: none;
	}
	
	.history-tab button {
    	font-size: 10px;
        white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	#reset-term-analysis {
		padding: 7px 11px;
	}
	#feed-count-details-maincontainer {
		width: 94vw !important;
		height: 45vh !important;
		top: 35px !important;
		left: 15px !important;
	}
	#div_feed-count-chart-container {
		width: 75vw !important;
	}
	.switch-toggle-button {
		width: 7.4vw;
	}
	.section-feed-details {
		height: 59vh;
	}
	.div-count-chart-table-container {
		margin-top: 11% !important;
	}

	/*notification*/
	#notification {
		width: 96%;
		margin: auto;
		left: 0;
		right: 0;
	}
}

@media ( max-width :400px) {
	/* .welcome-header {
		font-size: 15px !important;
	}
	.welcome-message {
		padding: 6px 6px;
		font-size: 10px !important;
	} */
	#timelineGraph {
		height: 70px;
	}
	.tagType-suggestion-btn {
		width: 75%;
	}
	.filter #tag-suggestion-input {
		margin-left: 15px;
		width: 69% !important;
		top: 345px;
	}
	.geo-trend #tag-suggestion-input {
		margin-left: 15px;
	}
	.header__search input {
		width: 150px !important;
	}
	.header__logo-container {
		left: inherit;
		right: inherit;
		position: inherit;
		width: inherit;
	}
	.filter .tagTypes-switch-sm {
		top: 292px;
	}
	#tagType-suggestion-div {
		width: 75%;
	}
	.geo-trend #tagType-suggestion-div {
		margin-left: 16px;
	}
	.filter #tagType-suggestion-div {
		top: 328px;
		margin-left: 28px;
	}
	.filter #tag-suggestion-input {
		top: 333px;
	}
	.filter .tag-switch-sm {
		top: 340px;
	}
	.filter #selected-tags {
		top: 337px;
	}
	.filter #custom-date-range-picker {
		top: 400px;
	}

	.filter #tag-suggestion-list-landing {
		margin-left: 14px;
		width: 69%;
		top: 375px;
	}
	.disclaimer {
		display: none;
	}
	.filter__item {
		margin: 0px;
		font-size: 10px;
	}
}
@media ( max-height :750px) and (max-width: 650px) {
	.hide-element-sm-h {
		display: none !important;
	}
}

@media ( max-width: 1024px) {
    .col-push-4,
    .col-pull-8 {
        left: 0%;
    }
    .switch-button__container {
        display: inline-block;
    }
    .header {
        text-align: center;
        padding: 0;
    }
    .header__logo,
    .header__operator {
        margin: 10px 0;
    }
    .header__logo-m.header__nav-item {
        display: block;
        padding: 25px 0 25px 12vw;
        margin-bottom: 15px;
        border-bottom: 1px solid #e9eaea;
    }
    .header__logo-m.header__nav-item img {
        margin: 15px 0;
        max-width: 190px;
        width: 70%;
    }
    .header__logo-m.header__nav-item span {
        display: block;
        max-width: 190px;
        width: 70%;
        font-size: 11px;
        color: #8a8a8a;
    }
    .header__navs {
        text-align: left;
        position: fixed;
        left: 0;
        top: 0;
        width: 45%;
        height: 100%;
        background-color: #fff;
        z-index: 500;
        overflow-y: auto;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transition: transform 0.4s;
        -webkit-transition: transform 0.4s;
    }
    .header__navs.active {
        box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.12);
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    .header__nav-item {
        display: block;
        margin: 0;
        color: #58595b;
    }
    .header__nav-item>a {
        padding: 15px 30px 15px 12vw;
    }
    .header__nav-link:before {
        content: none;
    }
    .header .link-forward::after {
        content: "";
        float: right;
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url(../img/header-right-arrow-blue-g.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center center;
    }
    .header__close-button {
        display: block;
    }
    .header__search {
        display: inline-block;
        padding: 5px 10px;
        min-width: 37px;
        min-height: 30px;
    }
    .header__search input,
    .header__search:after {
        display: none;
    }
    .header__search.show::before {
        z-index: 2;
    }
    .header__search.show input {
        position: absolute;
        margin: 10px 0;
        width: 280px;
    }
    .header__user {
        display: inline-block;
        margin: 0 10px;
    }
    .header__menu-m {
        float: left;
        display: inline-block;
        padding: 10px;
        max-width: 46px;
    }
    .header__menu-m img {
        max-width: 100%;
    }
    .header .dropdown-menu,
    .header .dropdown-menu__list {
        display: block;
        position: relative;
        padding: 0;
        padding-bottom: 0;
        border-bottom: 0;
        color: #fff;
        background-color: transparent;
    }
    .header .dropdown-menu a,
    .header .dropdown-menu__list a {
        padding: 12px 24px;
        display: block;
    }
    /* .side-backdrop {
        display: none;
    } */
    .side-backdrop.header-menu-dropback {
        display: block;
        left: 45%;
        right: 0;
        width: auto;
    }
    .toggle-side {
        position: fixed;
        max-width: 80%;
    }
    .toggle-side__header-title {
        position: relative;
        padding: 20px;
        font-size: 16px;
    }
    .toggle-side__header-title img {
        position: absolute;
        display: block;
        left: 0;
        top: 10px;
        bottom: 10px;
        padding: 12px;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    .toggle-side__backdrop {
        display: block;
        top: 0;
        left: 80%;
        right: 0;
        width: auto;
    }
    .side {
        top: 55px;
        width: 40%;
    }
    .side.active {
	    transform: translateX(15%);
	    -webkit-transform: translateX(15%);
	    -moz-transform: translateX(15%);
	    -ms-transform: translateX(15%);
	}
	.side-catalog-details-sm {
	    transform: translateX(18%) !important;
	    -webkit-transform: translateX(18%) !important;
	    -moz-transform: translateX(18%) !important;
	    -ms-transform: translateX(18%) !important;
	}
    .side label span {
        font-size: 13px;
    }
    .side__header-title {
        display: block;
        position: relative;
        padding: 20px;
        font-size: 16px;
        margin: 0;
        text-align: center;
        font-weight: normal;
        color: #093553;
        border-bottom: 1px solid #ccc;
    }
    .side__header-title img {
        position: absolute;
        display: block;
        left: 0;
        top: 10px;
        bottom: 10px;
        padding: 12px;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    .side__nav {
        padding: 24px 8px;
        min-width: 80%;
        max-width: 100%;
    }
    .side__nav-item.active>.side__nav-title .side__title-triangle {
        opacity: 0;
    }
    .side__nav-item.active>.side__nav-title span {
        color: #8a8a8a;
    }
    .side__backdrop {
        display: block;
        top: 0;
        left: 45%;
        right: 0;
        width: auto;
    }
    .filter__container {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .filter~div.news-content {
        position: relative;
        top: 0;
        padding: 0;
    }
    .geo-trend~div.news-content {
        top: 240px;
    }
    .geo-trend {
        padding: 0 15px;
    }
    .geo-trend .col-4,
    .geo-trend .col-8 {
        padding: 0;
        margin: 5px 0;
        /* width: 100%; */
    }
    .geo-trend .col-4 {
        text-align: center;
    }
    .geo-trend .container {
        padding: 20px 5px 10px 15px;
        margin: 0;
    }
    .geo-trend .row {
        margin: 0px 15px 0 50px !important;
    }
    .geo-trend .button-outline {
        font-size: 12px;
        width: 49%;
    }
    .geo-trend .chart__back-button {
        width: 20px;
    }
    .geo-trend .chart__page-title {
        text-align: left;
        display: block;
        margin: auto;
        transform: translateX(-14px);
        -webkit-transform: translateX(-14px);
    }
    .geo-trend .chart__page-title h3 {
        font-size: 14px;
    }
    .geo-trend .home-modal__block-text {
        text-align: left;
        margin: 0;
        font-size: 11px;
    }
    .geo-trend .owl-carousel {
        float: none;
        padding: 0 15px;
    }
    .geo-trend .owl-item {
        height: auto;
    }
    .geo-trend .home-modal__dropdown {
        margin: 5px 0;
        width: 100%;
    }
    .geo-trend .home-modal__dropdown-button {
        max-width: none;
        width: 100%;
    }
    .geo-trend,
    .geo-trend .date-range__item {
        text-align: left;
        display: block;
    }
    .geo-trend .date-range__item {
        margin: 5px 0;
        display: inline-block;
    }
    /* .geo-trend .date-range__item:nth-child(2) > span {
        display: inherit;
        text-align: center;
    } */
    .geo-trend__number {
        font-size: 33px !important;
    }
    .geo-trend__container .geo-trend-content {
        top: 0;
        position: relative;
        padding: 0;
        overflow: hidden;
    }
    .geo-trend-content .container {
        padding: 0 0 10px;
        margin: 10px 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .geo-trend-content .map-container {
        position: static;
        top: 0;
        overflow: hidden;
        height: 62vh;
    }
    .geo-trend-content .map {
        margin: 20px 0;
        width: 100%;
        height: auto;
    }
    .geo-trend__page>.geo-trend .container {
        padding: 20px 0 0;
        border-bottom: 0;
    }
    .wrapper {
        overflow: hidden;
    }
    .user-side,
    .kol-sidebar,
    .article-side,
    .div-recommends-bubble-container {
        position: fixed;
        width: 45%;
    }
    .geo-articles {
        width:40%;
    }
    
    .geo-articles.active {
	    transform: translateX(15%);
	    -webkit-transform: translateX(15%);
	    -moz-transform: translateX(15%);
	    -ms-transform: translateX(15%);
	}

    .add-new-resource-sidebar {
        width: 55%
    }
    .cloud-sidebar {
        position: fixed;
        width: 80%;
    }
    .div-recommends-bubble-container.active {
        transform: translateX(-100%) !important;
        -webkit-transform: translateX(-100%) !important;
        -moz-transform: translateX(-100%) !important;
        -ms-transform: translateX(-100%) !important;
    }
    
    .article-side__operation-bar.active {
	    right: calc(90% - 1px) !important;
	}
	.article-side__operation-bar.collapse {
	    right: 45% !important;
	}
    .user-side__backdrop,
    .kol-sidebar__backdrop,
    .geo-articles__backdrop,
    .cloud-sidebar__backdrop,
    .add-new-resource-sidebar__backdrop {
        display: block;
        top: 0;
        width: 100%;
    }
    .user-side {
        padding: 0;
        background-color: #fff;
    }
    body.open-toggle-side .wrapper {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    .add-article-person__description {
        font-size: 12px;
    }
    .article-operation__title,
    .article-operation__list {
        margin: 0;
        text-align: left;
    }
    .article-operation__title {
        padding: 15px 20px !important;
        color: #8a8a8a;
    }
    .article-operation__nav-list {
        padding: 0;
    }
    .article-operation__nav-list li {
        display: block;
        color: #8a8a8a;
    }
    .article-operation__nav-list li:last-child {
        float: none;
    }
    .article-operation__nav-link {
        padding: 10px 10px;
    }
    .article-operation__link {
        border: 0;
        padding: 15px 20px;
    }
    .add-article-operation__item-form {
        padding: 10px 30px;
    }
    
    .custom-container {
	    margin-left: 0%!important;
	    margin-right: 0%!important;
	}
    
    .panel {
	    width: 100%;
	}
    
    .panel-heading {
	    font-size: 10px;
        padding: 24px 0 0 5px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
    }
    
    .selected-tag-div {
	    width: 25%;
    }
    
    #tag-suggestion-div {
        margin-left: 25px;
        width: 100%;
    }
    
    #tagType-filter-network {
	    width: 25%;
	}
	
	.path-finder-info-label span {
	   font-size:12px;
	}

	input[type=text]::placeholder {
	    font-size: 12px;
	}
	
	input[type="text"] {
        padding: 14px 12px;
    }
    .col-sm-ipad-2 {
        float: left;
        width: 30%
    }
    .col-sm-ipad-3 {
        float: left;
        width: 40%
    }
    .col-sm-ipad-8 {
        float: left;
        width: 60%
    }
     .col-sm-ipad-10 {
        float: left;
        width: 70%
    }
    .news-content {
        left: 30px !important;
        right: 15px !important;
    }
    .geo-trend .date-range {
        vertical-align: middle;
        display: inline-block;
        margin-left: 25px;
    }
    .zoom-menu {
        left: 15px;
    }
    .analysis .container, .content-history-table {
        max-width: 850px !important;
    }
    
    .analysis-filter-selection-div {
        height: 85px;
    }
    
    .page-title__container~.news-content {
	    top: 300px;
	}
    
    #searchText-infobar {
        display: none;
    }
    .header__search:before {
        margin: auto 20px;
    }
    .jquery-modal {
        padding: 0;
    }
    .home-modal__container {
        width: 100%;
        height: 100%;
        max-height: none;
    }
    .home-modal__button {
        min-width: 90px;
    }
    .home-modal__header {
        position: relative;
        padding: 0;
    }
    .home-modal__title {
        text-align: center;
        padding: 20px;
        display: block;
        font-size: 16px;
        border-bottom: 1px solid #e9eaea;
    }
    .home-modal__close-button-m {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        padding: 18px;
        border: 0;
        font-size: 0;
        outline: none;
        box-shadow: none;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        background-color: transparent;
    }
    #add-new-resource .home-modal__body,
    .home-modal__body {
        position: absolute;
        left: 0;
        right: 0;
        top: 60px;
        bottom: 0;
        width: 100%;
        max-height: none;
        padding: 0;
    }
    .home-modal__section {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 70px;
        padding: 0 15px;
    }
    .home-modal__section-title br {
        display: block;
    }
    .home-modal__article-list-container {
        max-height: 100%;
    }
    .home-modal__article-list {
        margin: 0;
    }
    .home-modal__footer {
        padding: 15px;
    }
    .home-modal__footer-hint-container {
        padding-bottom: 0;
        margin: 15px 0;
    }
    .home-modal__footer-hint {
        margin: 0 2px;
    }
    #selected-articles {
        padding: 0;
    }
    #selected-articles .home-modal__title {
        display: block;
    }
    #selected-articles .home-modal__body {
        top: 100px;
    }
    #selected-articles .home-modal__delete {
        padding: 10px;
        margin: 5px;
        border-bottom: 0;
    }
    #add-new-resource .home-modal__body {
        padding: 15px;
        /* bottom: 172px; */
        bottom: 70px;
    }
    .add-new-resource__hint {
        margin-top: 0;
        font-size: 12px;
        font-weight: normal;
    }
    .add-new-resource__hint img {
        margin-left: 0;
    }
    
    .kol-network-container {
        margin-left: 7%;
    }
    
    .term-legend-table th p {
	    margin: 0;
	    font-size: 12px;
	}
    
    .card-body {
        padding:5px;
    }
    
    .card-body p {
	    font-size: 11px;
	    padding-top: 2%;
	}
	
	.term-legends>table td .card-header p {
	    font-size: 12px;
	}
	
	#tag-suggestion-list-landing {
        margin-top: 30px;
    }
    
    
}

/* media query end for 1024px */

@media only screen and (max-width: 1100px) {
    /* For mobile phones: */
    .geo-trend~.news-content {
        top: 275px;
    }
    .welcome-header {
        font-size: 15px;
        text-align: center;
        padding: 4%;
    }
    .welcome-message {
        text-align: center;
        font-size: 13px;
    }
    #custom-date-range-picker {
        margin-right: 12px;
        font-size: 12px;
    }
    .zoom-menu p {
        font-size: 1em !important;
        height: 2.2em !important;
        line-height: 2em !important;
        margin-right: 1em !important;
    }
    #feed-count-details-maincontainer {
        width: 45vw !important;
        height: 45vh !important;
    }
    
    #tagType-suggestion-btn {
        width: 80%;
        height: 25px;
        margin-left: 14% !important;
    }
    .tagType-suggestion-btn p {
        text-align: center;
        margin: 7px 0 0 10px;
        font-size: 12px;
    }
    #tag-suggestion-input {
        width: 100% !important;
        float: left;
        margin-top: 5px;
        height: 25px;
    }
    #tag-suggestion-input::placeholder {
        font-size: 12px;
        margin: 7px 0 0 10px;
    }
    .tagType-list-div ul li a {
        font-size: 12px!important;
        text-align: left;
    }
    .disclaimer {
        margin: 7%;
    }
    #tagType-suggestion-div {
        /* margin: 5px 0 0 20px; */
        left: 25%;
        width: 81%;
    }
    #selected-tags {
        padding-left: 5px;
        font-size: 24px;
    }

    .date-range__item {
        display: inline-block;
    }
    .date-range {
        margin-top: -10px;
        margin-right: 15px;
    }
    .date-range__item>span {
        margin: 0px 25px 0px 25px;
        font-size: 12px;
    }
    .date-range span {
        text-align: center;
        margin-left: 22%;
    }
    .cloud-sidebar h3 {
        font-size: 17px;
    }
    .zoom-btn-large {
        width: 45px !important;
        height: 45px !important;
        line-height: 50px !important;
    }
    #zoomBtn i {
        font-size: 17px !important;
        padding-top: 14px !important;
    }
    .zoom-menu li>a {
        display: inline-block;
        width: 33px;
        height: 33px;
        line-height: 33px;
    }
    .zoom-menu {
        left: 47px;
    }
    .back-to-top {
        padding: 8px;
        width: 45px;
        height: 45px;
        bottom: 28px;
        font-size: 11px;
    }
    /*     .date-range > .date-range__item:first-of-type {
        margin-left: 29%;
    } */
    .date-range__item>input {
        font-size: 13px !important;
        width: 100% !important;
    }
    
    .btn-selected>i {
        font-size: 18px !important;
    }
    .btn-like>i {
        font-size: 18px !important;
    }
    .btn-save>i {
        font-size: 18px !important;
    }
    .geo-trend>div.container.row>div:nth-child(1)>div>div.col-8.col-sm-8>div>h2,
    h4 {
        margin: 0
    }
}
/* media query end for 1100px */

@media ( max-width : 1500px) {
	
	::placeholder {
	   font-size:10px;
	}
	
	.disclaimer {
        height: 165px !important;
        font-size: 13px;
    }
    .article-operation__nav-list {
        padding: 7px 0px !important;
    }
    .add-article-person__name {
        margin: 5px 0 5px !important;
    }
    .user-side,.kol-sidebar {
        padding: 7px 20px;
    }
    .article-operation__link {
        padding: 9px 0;
    }
    
    #add_new_keyword_div {
        width:26% !important;
    }

    .alert-primary {
        max-width: 65%;
    }
    
    .plot-trending-keyword, .plot-trending-keyword > .fa-line-chart {
	    font-size: 12px;
	}
    
    .trends-selected-keyword-label {
	    font-size: 14px;
	    width: 30%;
	}

    #add_new_keyword_txt {
        width:75%;
        height:35px;
    }

    #add_new_keyword_btn {
        height:36px;
        font-size:16px;
        padding: 8px;
    }

    #search-tagtype-trends {
        margin: 5px 0 0 5px !important;
        height: 30px;
    }

    .trends-tag-type-outer-div {
        width: 20% !important;
    }

    .custom-container {
        margin: 1% 1% 0 1%;
    }
    
    .analysis-outer-container {
	    margin: 0 5px 0 0 !important;
	}
    
    .toggle-side {
        width:375px;
        transform: translateX(-375px);
	    -webkit-transform: translateX(-375px);
	    -moz-transform: translateX(-375px);
	    -ms-transform: translateX(-375px);
    }
    
    .side.active {
	    transform: translateX(18%);
	    -webkit-transform: translateX(18%);
	    -moz-transform: translateX(18%);
	    -ms-transform: translateX(18%);
	}
	
	.side-catalog-details {
	    transform: translateX(9%) !important;
	    -webkit-transform: translateX(9%) !important;
	    -moz-transform: translateX(9%) !important;
	    -ms-transform: translateX(9%) !important;
	}
	
	.transform-catalog {
	    transform: translateX(18%) !important;
        -webkit-transform: translateX(18%) !important;
        -moz-transform: translateX(18%) !important;
        -ms-transform: translateX(18%) !important;
	}
    
    body.open-toggle-side .toggle-side {
	    transform: translateX(16%);
	    -webkit-transform: translateX(16%);
	    -moz-transform: translateX(16%);
	    -ms-transform: translateX(16%);
	}
    
    .header__logo {
        max-width: 100px;
    }
    .header__nav-item span {
        font-size: 12px;
    }
    .header__search input {
        width: 375px;
        padding: 6px 36px 8px 44px;
    }
    .header__user {
        margin: 0 20px;
        width: 24px;
        height: 28px;
    }
    .geo-trend__number {
        font-size: 35px !important;
    }
    
    #article-distribution-info {
        font-size:15px !important;
    }
    
    .geo-trend .row {
        margin: 0px 15px 0 35px;
    }
    
    .geo-trend-content .map-container {
        left:10px;
    }
    
    .news-content {
        margin:1% 0 0 5% !important;
        height: 65vh;
    }
    
    .quick-access-sidebar {
        width:60px;
    }
    
    .quick-access-icon img {
        width: 30px;
    }
    
    .quick-access-icon {
        margin: 15px 0 0 0;
    }
    
    .zoom-menu {
        left:7px !important;
    }
    
    .zoom-menu p, .home-menu p {
        font-size: 7px !important;
    }
    
    .header__search:before {
        width:12px;
    }
    
    .welcome-header {
        font-size:14px;
    }
    
    .welcome-message {
        font-size:12px;
    }
    
	.tagType-suggestion-btn {
	    font-size: 12px;
	}
	
	.switch {
	    width: 28px;
	    height: 13px;
	}
	
	.slider:before {
	    height: 9px;
	    width: 9px;
	    left: 3px;
	    bottom: 2px;
	}
	
	#tag-suggestion-input {
	    font-size: 10px;
	    height: 25px;
	}
	
	#selected-tags {
	   font-size:20px !important;
	}
	
	.date-range-row {
	   margin:0 !important;
	}
	
	#custom-date-range-picker a {
	    margin: 0px 4px;
	    font-size: 11px;
	}
	
	.news-content__title {
	    font-size: 17px;
	}
	
	.news-content__detail p {
	    font-size: 9px;
	}
	
    /* article side */
    
    .article-side__detail-title {
	    font-size: 18px;
	}
	
	.tag__style {
	    border: 1px solid;
	    padding: 1px 1px 2px 3px;
	    border-radius: 4px;
        margin: 1px 1px 3px 1px;
	    font-size: 10px;
	}
	
	.news-content__tag {
	    font-size: 10px;
	}
	
	.article-side-desc {
	    font-size: 11px;
	}
	
	.article-side__source-title, .article-side__source-hint {
	    font-size: 13px;
	}
	
	.div-recommend-title {
	   font-size:13px;
	}
	
	.article-side__tag-edit {
	    margin: 0 2px;
	}
	
	.article-side__tag-delete {
	    margin: 0 1px;
	}
	
	/* search */
	#searchText-infobar {
	   font-size:14px !important;
	}
	
	.filter {
	   margin:0 15%;
	}
	
	.filter-detail__item {
	    font-size: 11px;
	}
	
	.filter__item {
	    font-size: 11px;
	}
	
	.content-history-table {
        max-width:1060px;	
	}
	
	.analysis__title {
        font-size: 25px !important;
	}
	
	.history-tab button {
        font-size: 10px !important;
	}
	
	.analysis-history__item__module {
	    font-size: 11px !important;
	}
	
	.history-table th, td {
        padding: 6px !important;
	}
	
	.analysis__item {
	    padding: 9%;
	    height: 150px;
	    width: 90%;
	}
	
	.delete-clear-article-btn {
	    font-size: 12px;
	}
	
	.kol-network-container {
       padding-top: 5px;
	}
	
	.kol-sidebar-container .kol-header p {
        font-size: 13px;
        margin: 4px;
	}
	
	.kol-sidebar-container .keyword p {
	    font-size: 12px;
        margin: 6px;
	}
	
	.kol-selection-info-div .kol-selection-text {
        font-size: 10px;
	}
	
	.kol-path-finder-label .analysis-side__subtitle {
       font-size: 10px;
	}
	
	.kol-sidebar-container .path-finder-label {
        font-size: 10px;
	}
	
	.kol-selection-outer-div .label {
	   font-size: 10px;
	}
	
	.path-find-parent.kol-sidebar-details {
	    height: 115px;
	}
	
	.kol-selection-info-div .kol-selection-text {
	    padding: 4px 0px 4px 7px;
	}
	
	.kol-sidebar-container .pathfinder-input {
	    padding: 1px 0 3px 4px;
	}
	
	.hierarchical-search {
	    font-size: 10px;
	}
	
	.search-input {
        height: 21px;
	}
	
	.scatter-search-div .search-input {
        height: 28px;
    }
    
	.node-link-outer-div, .range-selector-outer-div {
	    margin: 0 8px;
	}
	
	.search-kol-input-div {
	    margin: 5px 0px 5px 0px;
	}
	
	.kol-sidebar-details {
	    padding: 5px;
	    margin-top: 10px;
	}
	
	.kol-sidebar-details .analysis-side__subtitle {
       font-size: 10px;
       margin: 0px 0px 2px 6px !important;
	}
	
	.kol-reset-button {
	    padding: 3px 3px;
	    width: 20px;
	    font-size: 10px;
	    min-height: 17px;
	}
	
	.kol-country-color-pallete img {
	   width:22px !important;
	   margin: 0 !important;
	}
	
	.node-link-outer-div .switch-button {
       width: 25px;
	}
	
	.range-label {
	    margin: 5px 0 0px 0px;
	    font-size: 8px;
	}
	
	.switch-button__icon {
	    margin: -1px 0;
	    margin-left: 0;
	    width: 14px;
	    height: 14px;
	}
	
	/* Date picker table */
	
	.ui-datepicker table {
        font-size: 0.8em !important;
	}
	
	#channel_list {
	   height: 18vh !important;
	}
	
	#suggested-list-network {
	   width:82%;
	}
	
	/* notebook */
    .margin-notebook {
        top:50px !important;
        margin: 5px 0 0 0!important;
    }
    
    .notebook-div {
        height:100%;
        margin: 0 0 0 60px;
    }
}

@media ( min-width :3000px) and (max-width:3500px) {
	::placeholder {
		font-size:20px;
	}
	
	h1 {
	    font-size: 30px;
	}
	
	h3 {
	    font-size: 30px;
	}
	
	h4 {
	    font-size: 25px;
	}
	
	.error-msg {
	    margin-top: 20px;
	    font-size: 25px;
	}
	
	.error-msg i {
		font-size:25px !important;
	}
}

@media ( min-width :3501px) and (max-width:5500px) {
		
	::placeholder {
		font-size:25px;
	}
	
	h1 {
	    font-size: 50px;
	}
	
	h3 {
	    font-size: 50px;
	}
	
	h4 {
	    font-size: 35px;
	}
	
	.error-msg {
	    margin-top: 30px;
	    font-size: 35px;
	}
	
	.error-msg i {
		font-size:35px !important;
	}
}

@media ( min-width :3000px) and (max-width:5500px) {
	
	.loader img {
	    width: 70px;
	}
	
	/*Login page*/
	.login__logo {
	    padding: 60px;
	    width: 100%;
	    max-width: 600px;
	}
	
	.login__form-container {
	    margin: 20% auto;
	    max-width: 800px;
	}
	
	.login__welcome {
	    margin: 0 0 40px;
	    color: #4a4a4a;
	    font-weight: bold;
	    font-size: 40px;
	}
	
	.sign-form__group {
	    margin-top: 30px;
	    max-width: 700px;
	    border-radius: 50px;
	    height: 90px;
	}
	
	.sign-form__group img {
	    margin: 15px;
	    margin-left: 30px;
	    width: 50px;
	}
	
	.login__container input[type="text"], .login__container input[type="password"] {
        top: -10px;
        padding: 6px 0 2px 100px;
        font-size:35px;	
	}
	
	.sign-form__button-group {
	    max-width: 695px;
	    margin: 40px 0 20px;
	}
	
	.sign-form__button-group .forgot-password__button {
    	font-size: 35px;
	}
	
	.sign-form__login-button, .sign-form__forgot-button, .sign-form__outline-button {
	    padding: 15px;
	    min-height: 90px;
	    font-size: 40px;
	    border-radius: 50px;
	}
	
	#rectbar {
	    top: 70px;
	    height: 1000px;
	    margin: 200px;
	}
	
	#rectbar .inner-content {
	    height: 850px;
	}
	
	#rectbar .inner-content-body {
	    height: 600px;
	}	
	
	#rectbar .footer img {
	    width: 100%;
	    height: 100px;
	}
	
	#rectbar .footer-text > h2 {
	    font-size: 40px;
	}
	
	.geo-trend {
		max-width: 4500px;
		padding: 0 60px;
	}
	
	.page-title__container ~ .news-content {
    	top: 450px !important;
	}
	
	.page-title__container ~ .report-news-content {
    	top: 520px !important;
	}

	.container {
		max-width: 4500px;
	}
	
	.analysis .container {
		max-width: 2500px !important;
		margin-top: 70px;
	}
	
	.analysis__item {
	    height: 300px !important;
	}
	
	.analysis__item span {
	    padding: 16% !important;
	    font-size: 35px !important;
	}
	
	.content-history-table {
		max-width: 2500px;
	}
	
	.geo-trend__number {
		margin: 24px 44px;
		font-size: 65px;
	}
	
	.dataTables_wrapper {
	    font-size: 25px;
	}
	
	.dataTables_wrapper tr td {
	    font-size: 25px;
	}
	.grid {
		max-width: 4500px;
		margin: 0px 50px 0px 50px;
	}
	.header__nav-item span {
		font-size: 27px;
	}
	.header__nav-link:before {
		width: 30px;
		height: 30px;
		background-size: auto 30px;
	}
	.header {
		padding: 10px 30px;
	}
	.header__logo {
		vertical-align: middle;
		margin: 0px 11px 13px 3px;
		max-width: 200px;
	}
	.header__add-resource {
		font-size: 55px;
	}
	.header__user {
		font-size: 50px;
	}
	.header__search input {
		padding: 15px 35px 13px 34px;
		font-size: 18px;
		width: 500px;
	}
	.welcome-header {
		font-size: 35px;
	}
	.welcome-message {
		font-size: 27px;
	}
	.welcome-message span {
		font-size: 22px !important;
	}
	.geo-trend ~ .news-content {
		top: 425px !important;
	}
	.geo-trend ~ .report-news-content {
		top: 475px !important;
	}
	.tagType-suggestion-btn {
		font-size: 25px;
		outline: 0;
		height: 55px;
		padding: 6px;
	}
	.tagType-suggestion-div-select-deselect>p {
		margin: 12px 0 0 0;
		font-size: 27px;
	}
	#tag-suggestion-input {
		font-size: 27px;
		height: 60px;
	}
	#selected-tags {
		font-size: 45px !important;
	}
	.tag-suggestion-list>li {
		font-size: 30px;
		border-bottom: 4px dotted #ccc;
	}
	#custom-date-range-picker {
		font-size: 25px;
		margin: 14px;
	}
	#timelineGraph {
		height: 155px;
	}

	/*article grid*/
	.news-content__tag {
		font-size: 20px;
	}
	.grid-item .figure {
		max-height: 400px !important;
	}
	
	#tag-div-for-artcle-slide .article-side__tag-add i {
		font-size: 30px;
	}
	
	.news-content__image {
	    height: 400px;
	}
	.news-content__title {
		margin: 0 18px 18px;
		font-size: 42px;
	}
	.news-content__detail p {
		font-size: 23px;
	}
	.news-content__time, .news-content__summary, .news-content__comments span
	{
		font-size: 22px;
	}
	.news-content__remove {
		margin: 3px 0 0px 0px;
		width: 35px;
		height: 35px;
		font-size: 34px;
	}
	.checkbox-checkmark {
		height: 45px;
		width: 45px;
		border-radius: 35px;
	}
	.checkbox-label .checkbox-checkmark:after {
		left: 17px;
		top: 8px;
		width: 8px;
		height: 20px;
		border-width: 0 4px 4px 0;
	}
	.tag-tag__type-switch>span {
		font-size: 25px;
	}
	.tag__type-dropdown_div {
		width: 100%;
		height: 55px;
	}
	.switch {
		width: 55px;
		height: 30px;
    	vertical-align: bottom;
	}
	.tag-tag__type-switch {
	    margin-top: 8px;
	}
	.slider:before {
		height: 22px;
		width: 22px;
		bottom: 4px;
	}
	.geo-trend .date-picker {
		font-size: 30px;
	}
	.zoom-fab {
		width: 70px !important;
		height: 70px !important;
	}
	.zoom-menu p {
		font-size: 2em !important;
	}
	.search-input {
		width: 100%;
		height: 70px;
	}
	.tagType-list-div {
		margin-top: 30px;
	}
	.tagType-list-div ul li a {
		line-height: 40px;
		font-size: 25px;
		padding: 0px 24px;
	}
	.tagType-list-div ul {
		height: 240px;
	}
	
	.info-icon {
		font-size:90px !important;
	}
	
	.info-text {
		font-size: 35px !important;
	}
	
	.info-msg-details {
    	font-size: 30px;
	}

	/*report*/
	
	#week-wise-distribution-data , #feed-count-by-sub-channel , #feed-count-by-channel, #div_worldMap, .triple-box, #bubbles{
		height:700px !important;
	}
	
	.panel-heading {
	    padding: 20px 15px;
	}
	
	.panel-body {
	    padding: 25px;
	}
	
	.panel-body h2 {
		font-size: 45px;
	}
	
	#geo-header h5 {
		font-size:20px !important;
	}
	
	.text-bold {
	    font-size: 25px;
	}
	
	#tag-type {
		font-size:30px;
	}
	
	#week-distribution-year {
		font-size:28px;
	}
	
	#week-header .pull-right > span > b {
		font-size:25px;
	}

	/*galaxy*/
	.side-panel {
		height: 60vh;
		max-height: inherit;
	}
	.side-panel .labels {
		font-size: 25px;
	}
	.filter-selector {
		font-size: 30px;
	    padding: 10px;
	    margin: 5px;
	}
	input.search-input {
		font-size: 30px;
	}
	.search-icon-galaxy-pos {
		right: 14px;
		font-size: 29px;
	}
	#legends-info {
		margin: 10px 2px 0px 10px;
		font-size: 50px;
	}
	.galaxy-search-button {
		padding: 15px 20px;
		min-height: 32px;
		width: 95px;
		margin: 14px 8px 9px 11px;
	}
	.galaxy-search-button>i {
		font-size: 25px;
	}
	
	.selected-tag-div {
	    position: absolute;
	    z-index: 10;
	    width: 400px !important;
	    height: 300px;
	}
	
	#legend-div .deselect-filter {
	    font-size: 30px;
	}
	
	.color-badge {
	    height: 25px;
	    width: 25px;
	    margin: 20px 5px 9px 13px;
	    padding: 0px 1px 0px 11px;
	}
	
	#legend-div .legend-name {
	    font-size: 24px;
	}
	
	.selected-tag-div > p {
	    font-size: 25px !important;
	}
	
	#report-back-button {
	    font-size: 35px;
	    padding: 10px 0px 10px 45px;
	    width: 550px;
	}
	
	/*Trends*/
	
	.detail-pane {
	    max-width: 3000px !important;
	    height: 50vh;
	}
	
	.badge-trending {
	    padding: 16px 16px;
	    font-size: 30px;
	}
	
	#showHideTopKeywordBtn {
        font-size: 33px !important;
	    margin: 0px 13px 12px 6px !important;
	    height: 44px !important;
	}
	
	.taxila-btn {
	    padding: 3px;
	    font-size: 28px;
	    width: 150px;
	}
	
	#add_new_keyword_div input {
		width: 75%;
    	padding: 28px;
	}
	
	input#add_new_keyword_txt {
	    font-size: 25px;
	}
	
	.taxila-btn {
	    padding: 3px;
	    font-size: 28px;
	    width: 150px;
	    height: 60px;
	    margin-left: 15px;
	}
	
	.plot-trending-keyword, .plot-trending-keyword > .fa-line-chart {
	    margin: 5px;
	}
	
	.badge-primary {
    	font-size: 28px;
	}
	
	#available-trending-keywords-modal .home-modal__title {
	    font-size: 30px;
	}
	
	/*word-cloud*/
	
	.cloud-sidebar {
	    top: 100px;
	}
	
	#toggle-word-cloud {
	    width: 60px;
	    height: 60px;
	    border-radius: 4px 30px 30px 4px;
	    font-size: 40px;
	    padding: 5px 15px;
	    margin-right: -50px;
	    margin-top:15px;
	}
	
	.cloud-sidebar h3 {
		font-size: 35px !important;
	}
	
	ul.tabs {
	    width: 500px;
	    height: 75px;
	}
	
	/*article-slide*/
	
	.article-side {
	    top: 100px;
	}
	
	.div-recommends-bubble-container {
    	top:100px;
	}
	
	.article-side__operation-bar {
    	top: 100px;
	}
	.article-side__detail-title {
		font-size:40px;
	}
	
	.article-side__image-container img {
	    width: 65%;
	}
	
	.tag__style {
	    padding: 5px 10px 5px 10px !important;
	    margin: 5px 0px 2px 5px !important;
	    font-size: 30px;
	}

	#edit-datepicker {
	    margin: 6px !important;
	    font-size: 24px;
		padding: 2px;
	    width: 170px !important;
	}
	
	.article-side-desc {
	    font-size: 27px;
	}
	
	#edit-article-date {
	    font-size: 30px;
	}
	
	#edit-article-desc {
	    font-size: 30px;
	    margin-left: 10px;
	}
	
	.article-side__tag-edit , .article-side__tag-delete {
	    margin: 0 5px;
	    width: 15px;
	}
	
	.article-side__operation-text {
	    font-size: 20px;
	    max-width: 350px;
	}
	
	.article-side__paragraphs > .row > div {
		margin-left:15px;
	}
	
	.article-side__detail-operation {
	    padding: 0px 55px;
	}
	.arrow-btn {
    	font-size: 45px;
	}
	
	.article-side__operation-bar {
	    padding: 35px;
	}
	
	.article-side__operation-top button i {
		font-size: 30px !important;
	}
	
	.article-side__header {
    	padding: 30px 20px 30px 10px;
	}
	
	.article-side__source-title, .article-side__source-hint {
    	font-size: 30px !important;
	}
	
	.div-recommend-title {
    	font-size: 30px;
	}
	
	.concept-view-graph-image {
	    height: 45px;
	    width: 45px;
	}
	
	#searchText-infobar {
		font-size: 30px !important;
	}
	
	.save-analysis {
		height: 45px;
    	width: 45px;
	}
	
	.save-analysis > img {
		height: 40px !important;
    	width: 40px !important;
	}
	
	/*analysis history*/
	
	.history-tab button {
    	font-size: 25px !important;
	}
	
	.history-table th {
    	font-size: 27px;
	}
	
	.analysis-history__item__module {
	    font-size: 25px;
	}
	
	.history-table th, td {
    	padding: 12px !important;
	}
	
	.tabcontent {
    	height: 350px !important;
	}
	
	.delete-clear-article-btn {
		padding: 8px !important;
    	font-size: 25px !important;
	}
	
	/*analysis side*/
	
	.analysis-side__container {
		width:1000px !important;
		top:100px !important;
	}
	
	.analysis-side__title {
		font-size:30px;
	}
	
	.analysis-side__label {
	    font-size: 25px;
	}
	
	.analysis-side__form-label {
	    font-size: 18px;
	}
	
	.analysis-side__add-item {
    	font-size: 20px;
	}
	
	.analysis-side__subtitle {
	    font-size: 20px;
	}
	
	.tab__item {
	    font-size: 25px;
	}
	
	.datepicker-btn {
    	font-size: 24px;
	}
	
	.analysis-side__button {
	    font-size: 20px;
	    padding: 9px 40px !important;
	    margin-left: 16px !important;
	    height:60px !important;
	}
	
	.analysis-side__section input {
		margin-left: 2px !important;
	}
	
	.analysis-side__container input[type="text"] {
		padding:16px 12px !important;
	}
	
	.analysis-side__container ::placeholder {
		font-size:22px;
	}
	
	.analysis-side__inline-text {
    	font-size: 16px !important;
    	max-width:300px !important;
	}
	
	/************* SEARCH****************/
	.search .news-content {
		top:165px;
	}
	
	.filter__item {
	    padding: 10px;
	    margin: 15px;
	    font-size: 25px;
	}
	
	.filter__icon {
	    font-size: 35px;
	}
	
	.filter-detail {
    	max-width: 2000px;
	}
	
	.filter-detail__text {
	    font-size: 25px;
	}
	
	#taxilaCategories .sub-api-articles-download i {
		font-size:25px !important;
	}
	
	#timeline_graph_search {
		height: 80px !important;
	}
	
	/* add new resource*/
	
	.add-new-resource-sidebar {
	    top: 100px;
	    width: 35%;
	}
	
	.add-new-resource-sidebar .home-modal__header .home-modal__title {
		font-size: 30px !important;
	}
	
	#add-new-resource .home-modal__body {
    	max-height: 1050px;
	}
	
	.add-new-resource__container {
	    max-width: 850px;
	}
	
	.tags__item {
	    padding: 10px 14px;
	    font-size: 22px;
	}
	
	#channel_list {
		height: 45vh !important;
	}
	
	#add-new-resource input[type="text"] {
    	padding: 20px 12px !important;
	}
	
	#add-new-resource input[type="text"] ::placeholder {
    	font-size:12px !important;	
	}
	
	.add-new-resource__label {
	    font-size: 25px;
	}
	
	.home-modal__footer {
    	padding: 30px 30px;
	}
	
	#div-bubble {
    	height: calc(100% - 145px);
	}
	
	.delete-clear-article-btn {
	    width: 145px;
	    padding: 15px !important;
    	font-size: 22px !important;
	}
	/*geo-article list*/
	.geo-articles {
	    top: 100px;
	    width: 600px;
    }
    
    .geo-articles__title {
	    font-size: 22px;
	}
	
	.geo-articles__item {
	    padding: 30px;
	}
	
	/*user-profile*/
	.user-side {
	    top: 100px;
	    width: 555px;
	}
	
	.add-article__avatar {
	    width: 125px;
	    height: 125px;
	}
	
	.add-article-person__name {
	    font-size: 32px;
	}
	
	.add-article__item a {
	    font-size: 22px;
	}
	
	.article-operation__nav-link {
	    font-size: 20px;
	}
	.article-operation__list {
	    margin: 18px 0px 18px 0px;
	}
	
	.article-operation__link {
	    font-size: 22px;
    	padding: 25px 0;
	}
	
	.disclaimer {
	    height: 250px;
	    font-size: 22px;
	}
	
	.disclaimer h4 {
	   font-size:25px;
	}
	
	#selected-article-count {
	    font-size: 23px;
	    padding: 10px 17px;
	    border-radius: 25px;
	}
	
	.change-password__button {
	    font-size: 23px;
	}
	
	.add-article__sign-off span {
	    font-size: 25px;
	}
	
	/*catalog side-bar*/
	.side {
	    top: 100px;
	}
	
	.side__nav {
	    min-width: 520px;
	}
	
	.side label span {
	    font-size: 24px;
	}
	
	.side button {
	    padding: 5px 12px;
	    font-size: 18px;
	}
	
	.side__title {
	    font-size: 25px;
	}
	
	.side__subnav.show {
	    width: 450px;
	}
	
	.side label {
	    font-size: 25px;
	}
	
	/*channel side-bar*/
	
	.toggle-side {
	    width: 575px;
	    transform: translateX(-575px);
	    -webkit-transform: translateX(-575px);
	    -moz-transform: translateX(-575px);
	    -ms-transform: translateX(-575px);
	}
	
	body.open-toggle-side .wrapper {
	    transform: translateX(575px);
	    -webkit-transform: translateX(575px);
	    -moz-transform: translateX(575px);
    	-ms-transform: translateX(575px);
	}
	
	.toggle-side__title {
	    padding: 20px 20px;
	    font-size: 14px;
	}
	
	.toggle-side__title span {
	    font-size: 25px;
	}
	
	.toggle-side .checkbox, .home-modal__container .checkbox {
	    width: 25px;
	    height: 25px;
	}
	
	.toggle-side__header-title {
	    padding: 30px;
	    font-size: 30px;
	}
	
	/*confirm modal*/
	
	#taxila_confirmation_modal {
	    width: 800px;
	    height: 225px;
	}
	
	.home-modal__title {
	    font-size: 30px;
	}
	
	.article-delete {
	    padding: 17px 12px;
	    min-height: 30px;
	    width: 120px;
	    font-size: 25px;
	}
	
	.home-modal__body h4 {
		font-size: 25px !important;
	}
	
	/*snack bar*/
	#snackbar-msg {
    	font-size: 25px;
	}
	
	#snackbar i {
	    font-size: 30px !important;
	}
	
	/*selected article modal*/
	
	.home-modal__body {
	    max-height: 660px;
	    padding-bottom: 130px;
	}
	
	.home-modal__container {
	    max-width: 50%;
	    height: auto !important;
	}
	
	.home-modal__article-content {
	    font-size: 24px;
	}
	
	#selected-articles :nth-child(3) {
		padding: 25px 10px !important;
	}
	
	#selected-articles :nth-child(3) .delete-clear-article-btn {
		width: 70px !important;
	}
	
	#selected-articles .delete-clear-article-btn i{
		font-size:35px !important;
	}
	
	/*tag analysis*/
	
	.term-analysis-container {
    	top: 200px;
	}
	
	#tag-analysis-back-button {
    	font-size: 40px;
	}
	
	#search-term-input {
		margin-left: 150px;
	}
	
	.card-header {
    	height: 60px;
	}
	
	.term-legends > table td .card-header p {
	    font-size: 35px;
	    padding: 4px;
	}
	
	.card-body {
	    height: auto;
	    padding: 15px;
	}
	
	.card-body p {
    	font-size: 30px;
	}
	
	.card-header i {
	    padding: 8px !important;
    	font-size: 30px !important;
	}
	
	.term-legend-table th p {
	    font-size: 38px;
	    padding: 10px;
	}
	
	.scatter-graph-container {
		width:98%;
	    height: 850px;
	    margin: 7px 25px 0px 35px;
	}
	
	.all-legends-table-data {
	    height: 575px;
	}
	
	.axiswise-legends-table-data {
	    height: 225px;
	}
	
	.tagtype-details {
		height:150px;
	}
	
	.term-graph-x-axis-label p {
    	font-size: 28px;
	}
	
	.term-graph-y-axis-label p {
	    top: 500px;
	    font-size: 28px;
	    left: -190px;
	    width: 500px;
	}
	
	.term-suggestion-list {
	    width: 42%;
	    margin-left: 150px;
	}
	
	.term-suggestion-list > li {
	    border-bottom: 5px dotted #ccc;
	    font-size: 34px;
	}
	
	.selected-term-details > p {
	    font-size: 35px;
	}
	
	.count-badge {
	    font-size: 30px;
	    padding: 4px 15px 5px 15px;
	}
	
	#reset-term-analysis {
	    width: 200px;
	    font-size: 35px !important;
	    margin-top: 5px;
	}
	
}


 @media (min-width: 651px) and (max-width : 1000px) {
 
 	.welcome-message {
	    font-size: 11px;
	}
	
	.welcome-message span {
		font-size:14px !important;
	}
	
 	.geo-trend .row {
	    margin: 0px 0px;
	}
	
	.tag-tag__type-switch > span {
		display:none;
	}
	
	#tagType-suggestion-btn {
	    margin-left: 7% !important;
	}
	
	.welcome-container {
	    padding: 10px 5px !important;
	}
	
	.date-range__item > input {
	    font-size: 13px !important;
	    width: 85% !important;
	    height: 50px;
	    line-height: 20px;
	}
	
	.geo-trend .date-range {
		width:200px;
	}
	
	.date-range-col {
		display:unset !important;
	}
	
	#tagType-suggestion-btn {
	    width: 95%;
	}
	
	#tagType-suggestion-div {
	    left: 7%;
	    width: 95%;
	}
	
	.serach-tag-type-input {
		margin: 7px 0 0 0px !important;
    	width: 90% !important;
	}
	
 }
 
  @media(min-width:1801px) and (max-width:2400px) {
     .disclaimer {
         height: 220px !important;
     }
     
     .side-panel {
        height:65vh !important;
     }
     
    .kol-sidebar-container {
        max-height:80vh !important;
     }
     
     .container {
	    max-width: 1660px;
	}
     
    .grid {
	    margin: auto;
	    max-width: 1660px;
	}
     
    .geo-trend {
	    max-width: 1660px;
	}
	
	.geo-trend .date-picker {
	    font-size: 16px;
	}
	
	#custom-date-range-picker {
        margin: 6px 0 0 0;
    }
    
    #custom-date-range-picker a {
	    font-size: 16px;
	}
 }