@media (max-width: 1200px) {

	
	.company-list-item-flex > div {padding:0 8px;}
	.company-list-item {padding:12.5px!important;}

	.company-list-item-flex .features-amount  .blueTextLink {display: none}
	.company-list-item-flex .features-amount p, .company-list-item-flex .features-amount a {width: 100%}


	.footer-middle .center {padding: 0 30px;}
	.footer-middle {padding:0;}


}


@media (max-width: 991px) {

	
	.banner-over-heading {display: none}
	.menu-wrapper {display: block}
	.header-menu {
		display: none;
	    position: fixed;
	    z-index: 99999;
	    background: var(--bluebg);
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 50px 15px;
	}
	
	.header-flex .menu-list {
		flex-direction: column;
	}
	
	.header-flex .menu-list li {
		margin-left: 0;
		margin-bottom: 15px;
	}

	

	.desktop-flex-sidebar {display: flex; flex-direction: column;}
	.desktop-flex-sidebar .main-content {width: 100%; margin-left: 0;  order:1;}
	.desktop-flex-sidebar .sidebar {width: 100%; order:2; margin-top: 60px;}



	.sidebar-company-featured {
		text-align: center;
	}
	.button-green-big-arrowed {justify-content: center;}
	.button-green-big-arrowed img {display: none}



	.footer-middle {
		flex-direction: column;

		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.footer .socials {
		justify-content: center;
	}
	.footer .socials a {
		margin:0 10px;
	}

	.footer-middle .center {
		margin:50px 0;
	}

	.footer-middle .right ul li {
		margin:0 15px;
	}


	.company-ratings-info {
		flex-direction: column;
	}

	.company-ratings-info .right {
		padding-left: 0;
		margin-top: 50px;
	}


	.company-two-lists {
		flex-direction: column;
	}
	
	.company-two-lists > div {
		width: 100%;
		margin-bottom: 20px;
	}
	.company-two-lists > div h2 {text-align: center;}

	.offer-steps-flex {
		flex-direction: column;
	}
	.offer-steps-flex .offer-step {
		padding-bottom: 20px;
	}
	.offer-steps-flex .offer-step:last-of-type {
		padding-bottom: 100px;
	}

	.offer-steps-flex .steps-big-link {
		bottom: 20px;
	}

	.offer-steps > h2 {text-align: center}


	.information-flex {
		flex-direction: column;
	}
	.information-flex > div {width: 100%; margin-bottom: 30px;}


	.financial-flex {
		flex-direction: column;
	}
	.financial-flex .deposit-withdraw {
		width: 100%;
		padding-left: 0;
   	 	margin-top: 50px;
	}
	.financial-flex .fininfo {width: 100%;}

}



@media (max-width: 767px) {

	.company-list-item-flex .features-amount {
		flex: 1;
    	padding: 0 10px!important;
	}
	
	.green-claim-button svg {margin-left: 5px;}

	.default-green-button.withArrow i, .default-green-button.withArrow svg {margin-left: 5px;}

	.container {padding: 0 10px;}


	.mt10 {margin-top: 7px}
	.mt20 {margin-top: 17px}
	.mt30 {margin-top: 24px}
	.mt40 {margin-top: 30px}
	.mt50 {margin-top: 35px}

	.mb10 {margin-bottom: 7px}
	.mb20 {margin-bottom: 17px}
	.mb25 {margin-bottom: 20px}
	.mb30 {margin-bottom: 24px}
	.mb40 {margin-bottom: 30px}
	.mb50 {margin-bottom: 35px}


	
	.featured-article-box {
		flex-direction: column;
		padding: 20px;
	}




	.featured-article-box .content {margin-right: 0; max-width: 100%; text-align: center; order:2;}
	.featured-article-box .image {width: 100%; margin-bottom: 30px; max-width: 100%;}

	.default-green-button {border-radius: 7px;}

	.featured-article-box .default-green-button {display: block}


	.company-list-item {
		padding:12.5px 8px!important;
	}  

	.company-list-item-flex {position: relative;}


	.company-list-item-flex .number-and-logo span {display: none}
	.company-list-item-flex .rating-field {display: none}
	.company-list-item-flex > div {border-right: none;}


	.company-list-item-flex > div {
		height: auto;
		min-height: 120px;
	}




	.whiteBoxed, .stoxima-web-blue-top {padding: 20px}
	

	.company-mobile-dropdown {
		display: none;
	    align-items: center;
	    justify-content: space-between;
	    padding: 20px 0 10px 0;
	    text-align: center;
	    border-top: 2px solid #f7f7f7;
	}

	.company-mobile-dropdown > div , .company-mobile-dropdown > p {
		flex:1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.company-mobile-dropdown .rating-field span {
		color: #D35400;
	}

	.company-mobile-dropdown .stars-rating {
	    color: #FEC81E;
	    margin-bottom: 15px;
	    margin-top: 7px;
	}


	.company-list-item-flex .green-claim-button {
		font-size: 14px;
		padding: 8px;
	}

	.company-list-item-flex .green-claim-button img {display: none}

	.company-list-item-flex .claim-button {padding-left: 10px; padding-right: 0!important; width: 90px;}
	.company-list-item-flex .number-and-logo {width: 90px;}

	.company-list-item-flex .features-amount {padding:0;}

	.company-list-item-flex .features-amount p, .company-list-item-flex .features-amount a {font-size: 12px;}

	.mobile-open-dropdown {
		display: block;
		position: absolute;
		bottom: 4px;
		left: 0;
		right: 0;
		text-align: center;
		margin:0 auto;
	}

	.mobile-open-dropdown.rotate {transform: rotate(180deg);}


	.slider-of-articles {margin-top: 40px}
	


	.hero-article-inside-box {
		height: 320px;
	}
	
	.header-flex .left a img {width: 200px}
	
	.articles-grid {grid-template-columns: 1fr 1fr}




	.footer .top {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.footer .bottom {
		margin-top: 35px;
		padding-top: 35px;
	}
	

	.newsletter-forma {
		display: block;
	}

	.submitForm {
		margin-left: 0;
		display: block;
		margin-top: 15px;
		width: 100%;
		padding: 13px;
	}

	.newsletter-forma input.textinput {
		padding: 13px 15px;
	}
	


	.footer-middle .center > p { margin:15px auto; margin-bottom: 15px;}
	
	.footer-middle .center {
		padding: 0;
		width: 100%;
	}

	.footer {
		padding: 30px 0;
	}

	.footer-menu ul {
		flex-direction: column;
	}

	.footer-menu ul li {
		margin-bottom: 15px;
	}

	.footer .top > a {margin-bottom: 35px;}


	.bottomimgs img {
		margin:0;
		max-width: 100%;
	}

	.bottomimgs {
		justify-content: space-between;
	}

	.legallinks ul {
		flex-direction: column;
	}

	.legallinks ul li::after {
		display: none;
	}

	.copyright {
		padding: 20px 0 30px 0;
	}





	.offers-list-with_featured {
		padding: 20px;
	}

	.other-offer-item  {
		flex-direction: column;
		text-align: center;
	}



	.other-offer-item .thumbnail {
		width: 100%; 
		margin-right: 0;
		margin-bottom: 15px;
		max-width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		max-height: auto;
	}
	.other-offer-item .thumbnail img {
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
	}

	.other-offer-item .info {
		width: 100%;
	}

	.other-offer-item .info .date {margin-bottom: 15px;}

	.offers-list-with_featured .featured-offer {
		text-align: center;
	}
	

	.companies-list-simple-item {
		flex-direction: column;
	}
	
	.companies-list-simple-item .thumbnail {
		width: 100%;
		margin:0 auto;
		max-width: 100%;
	}

	.companies-list-simple-item .info {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	
	
	.colored-companies-cards > h2 {text-align: center;}


	.offers-content-banner {
		flex-direction: column;
	}
	.offers-content-banner .right a {
		margin-top: 15px;
	}

	.offers-content-banner .left {width: 100%; max-width: 100%;}

	.small_asterisk_text {
		position: initial;
		width: 100%;
		text-align: center;
		margin-top: 5px;
		max-width: 100%;
		display: block;
		transform: none;
	}
	
	.offer-article {padding: 20px 10px;}


	.offer-article h1, .offer-article .date {
		text-align: center;
	}

	.offers-content-banner .left h2 {
		font-size: 20px;
		width: calc(100% - 85px);
		padding-right: 0;
	}


	.companies-list-simple-wrapper {
		padding: 45px 0!important;
	}



	
	.company-offers-intro {
		flex-direction: column;
	}

	.company-offers-intro {padding: 15px}

	.offer-article h1 {
		font-size: 26px;
	}
	

 	
}


@media (max-width: 600px) {
	

	.slider-header {
		justify-content: center;
	}
	.slider-header a {
		display: none!important;
	}

	.articles-grid-wrapper .slider-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.articles-grid-wrapper .slider-header a {
		padding: 15px 30px;
	}

	.articles-grid-wrapper .slider-header a {display: inline-block!important; margin-top: 15px;}

	.slider-of-articles .owl-dots button {
	    width: 7px;
	    height: 7px;
	    margin:0 5px;
	    border-radius: 100%;
	}
	
	.slider-of-articles .owl-nav {margin-top: 10px;}


	.colored-company-card .info {
		display: flex;
		position: relative;
		padding-right: 120px;
		flex-direction: column;
	}

	.colored-company-card .logo {margin-right: 10px;}

	.colored-company-card .default-green-button.smaller {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 0;
		padding: 15px 8px;
	}
	

	.colored-company-card .default-green-button.withArrow i {margin-left: 10px;}



	.financial-flex .deposit-withdraw {
		flex-direction: column;
	}
	.dep_with-list {
		margin-right: 0;
		margin-bottom: 50px;
	}
	
	.dep_with-list:last-child {margin-bottom: 30px;}


	.company-ratings-info .left {
		flex-direction: column;
	}

	.company-ratings-info .left .list-ratings {
		width: 100%;
		padding-left: 0;
		margin-top: 50px;
	}

	.company-ratings-info .left .main-rating {width: 100%;}

}


@media (max-width: 480px) {


	.colored-company-card .logo {
    	width: 65px;
    	height: 65px;
	}

	.colored-company-card .info {width: calc(100% - 65px)}


	.articles-grid {grid-template-columns: 1fr}


	.company-gallery .item {height: 240px;}

	.grid-info-icons {
		grid-template-columns: 1fr 1fr;
	}
	
	.stoxima-web-blue-top .images-icon {display: none;}

	
	.fs12 {font-size: 12px;} 
	.fs14 {font-size: 14px;} 
	.fs16 {font-size: 15px;} 
	.fs18 {font-size: 16px;}
	.fs20 {font-size: 18px;}
	.fs24 {font-size: 20px;}
	.fs30 {font-size: 24px;}
	.fs36 {font-size: 30px;}



}
