/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.top-bar .menu-bar ul li:last-child {
		margin-left: 30px;
	}

    .top-bar .menu-bar ul li a {
        font-size: 16px;
        padding-left: 25px;
    }

    .top-bar .banner-content h2 {
        font-size: 46px;
    }

    .top-bar .banner-content p {
        font-size: 18px;
    }

    .main-area .box-item.box-item2 .box-item2-content ul li {
        font-size: 28px;
    }

    .main-area .box-item.box-item6 .box-item6-content h5 {
        font-size: 18px;
    }

    .main-area .box-item.box-item6 .box-item6-content p {
        font-size: 21px;
    }

    .main-area .box-item.box-item6 .box-item6-content ul li {
        font-size: 16px;
    }

    .main-area .box-item-long .box-active .single-slide p {
        padding: 0;
    }

    .main-area .box-item-long .box-active .slick-dots li button {
        margin: 0 4px;
    }

    .main-area .box-item-long.box-item-long2 .event-content article {
        font-size: 18px;
    }

    .main-area .box-item-long.box-item-long2 .event-content p {
        font-size: 16px;
        white-space: nowrap;
    }

	.grid-item{
		width:50%;
	}

}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .about-content {
        padding: 50px 100px;
    }

    .top-bar .social-bar ul li a {
        line-height: 30px;
        margin-left: 0;
        margin: 0 10px;
    }

    .top-bar .menu-bar ul li a {
        padding-left: 0;
        margin: 0 10px;
    }
	
	.grid-item{
		width:50%;
	}
	
	.chart-legend.velo-conv li{
		font-size: 16px;
	}
	
	.main-area .box-item.box-item1.box-item4 .collection ul {
		height: 25px;
	}
}

/* Extra small Device. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.top-bar .menu-bar ul li:last-child {
		margin: 10px 0;		
	}

    .menu-bar {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .top-bar .menu-bar ul li a {
        padding-left: 0;
        line-height: 40px;
        margin: 0px 10px;
    }
	
	.top-bar .menu-bar .lang-dropdown.show a{
		line-height: 40px;
	}

    .top-bar .banner-content h2 {
        font-size: 36px;
    }

    .main-area .box-item {
        margin: 10px 0 0 0;
    }

    .main-area .box-item.box-item1.box-item4 .collection ul li {
        width: 18%;
    }
	
	.main-area .box-item.box-item1.box-item4 .collection ul.bar-counter-reversed li{
		width: 24%!important;
	}


    .main-area .box-item.box-item2 .box-item2-content p {
        padding-top: 25px;
    }

    .main-area .box-item.box-item2.box-item5 .box-item2-content p {
        padding-top: 45px;
    }



    .main-area .box-item-long .box-active .slick-dots {
        /*white-space: nowrap;*/
    }


    .main-area .box-item-long.box-item-long2 .event-content p::before {
        width: 400px;
    }

    .main-area .box-item-long.box-item-long2 .para p {
        margin-top: 50px;
    }

    .footer-area .bg-area .footer-content p {
        
        padding-left: 0;
        line-height: 30px;
        padding-right: 120px;
        padding-top: 25px;
    }

    .main-area .box-item-long {
        margin-left: 0;
        margin-right: 0;
    }

    .main-area .map {
        margin-left: 0;
        margin-right: 0;
    }

    .top-bar .social-bar ul li a {
        line-height: 25px;
        margin: 0 10px;
    }

    .main-area .box-item-long {
        margin-left: 0px;
        margin-right: 0px;
        padding: 30px;
    }

    .main-area .container {
        padding-right: 0;
        padding-left: 0;
    }

    .footer-area .container {
        padding-right: 0;
        padding-left: 0;
    }

    .bg-area {
        padding: 40px 20px;
    }

    .main-area {
        margin-top: 50px;
        padding-bottom: 40px;
    }

    .main-area .box-item {
        padding: 30px;
    }

    .about-content {
        padding: 50px 15px;
    }
	.survey .about-content {
		padding: 50px 0px !important;
	}
    .about-area .col-lg-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .about-top-menu {
        margin-left: 25px;
    }

    .about-title {
        margin-left: 25px;
    }

    .single-blog-text p {
        margin-left: 25px;
    }

    .cnv {
        padding-left: 0;
        margin-left: 25px;
    }

    .Share-friends::before {
        width: 26%;
    }

    .Share-friends::after {
        width: 26%;
    }

	.grid-item{
		width:100%;
	}
	
	.cookie-policy {
		margin-bottom: 5px;
	}
	
	.main-area .box-item.box-item6 .box-item6-content p {
		font-size: 18px !important;
		line-height: 26px !important;
		padding-top: 10px !important;
	}
	.main-area .box-item.box-item1 .box-list ul li{
		font-size: 15px;
	}
	.main-area .box-item.box-item2 .box-item2-content ul li{
		margin-bottom: 0!important;
	}
	
	.main-area .box-item.box-item1.box-item4 .collection ul {
		height: 25px;
	}
}