@media (min-width: 768px) {
	.modal-product .modal-dialog{
		max-width: 760px;
	}
}

@media (max-width: 992px){
	.timeline-section .timeline::after {
	  left: 31px;
  	}
  
  	.timeline-section .timeline .timeline-container {
	  width: 100%;
	  padding-left: 70px;
	  padding-right: 25px;
  	}
	  
  	.timeline-section .timeline .timeline-container::before {
	  left: 60px;
	  border: medium solid white;
	  border-width: 10px 10px 10px 0;
	  border-color: transparent white transparent transparent;
  	}

  	.timeline-section .timeline .left::after, .timeline-section .timeline .right::after {
	  left: 15px;
  	}
	  
  	.timeline-section .timeline .right {
	  left: 0%;
  	}
}

@media (max-width: 768px) {
	.margin-left {
		margin-left: 0px !important;
	}	
}

@media (min-width: 992px) {
	.header2 {
		height: 70px;
	}
	.header2.sticky{
		height: 75px;
	}
}

@media (min-width: 1200px) {
	.products-section .product-grid .mix {
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}

/*========================*/

@media (max-width: 1199px) {
	.editorial-section .box .box-inner{
		padding: 0 1em;
	}
	.gallery-section .img-box img {
	    height: 200px;
	}
}

@media (max-width: 991px) {
	body h1 {
	    font-size: 2.2rem;
	}

	nav.navbar .dropdown-menu {
		box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.15);
	}
	nav.navbar .navbar-nav .nav-link {
		padding: 12px 0;
		margin: 0;
	}

	.header1 {
	    position: fixed;
	    width: 100%;
	    top: 0;
	    background: #fff;
	    box-shadow: 0 2px 20px -4px rgba(0, 0, 0, 0.2);
	    z-index: 99;
	    height: 65px;
	}
	.header1 .icons a{
		color: #000;
	    font-size: .9em;
	}

	.header2,
	.header2.sticky {
	    position: fixed;
	    width: 100%;
	    top: 65px;
	    z-index: 99;
	}



	.top-space{
		height: 65px; 
	}

	.banner-slider .swiper-slide .left-box{
		margin-bottom: 2em;
		padding-left: 0px;
		padding-right: 0px;
	}
	.banner-slider .swiper-slide .txt-box .image1::after, .banner-slider .swiper-slide .txt-box .image1::before{
    box-sizing: unset !important;
	}

	.bottom-contact{
		text-align: center;
	}
	.bottom-contact .txt-box{
		margin-bottom: 1.4em;
	}

	.blog-section .box {
		margin-bottom: 2em;
	}
	.editorial-section .box .box-inner{
		padding: 0;
	}
	.product-detail-section .pd-box .left{
		margin-bottom: 2em;
	}

	.sidebar-section .sidebar{
		margin-bottom: 2em;
	}
	.contact-section .form {
		margin-bottom: 2em;
	}
	.gallery-section .img-box img {
	    height: 160px;
	}

	.editorial-section .editor-img{
		margin-bottom: 2em;
	}

}	

@media (max-width: 767px) {
	body h1 {
	    font-size: 2rem;
	}
	body h2 {
	    font-size: 1.8rem;
	}

	.header1 .btns .btn.btn1 {
	    padding: 6px 12px;
	    font-size: 1em;
	}
	.banner-slider .swiper-slide .txt-box .image1 {
	    /*max-height: 300px;*/
	    width:100% !important;
	}
	.editorial-section .box {
		margin-bottom: 2em;
	}
	.editorial-section .box-inner {
	    max-width: 300px;
	    margin: auto;
	    text-align: center;
	}
	.shop-section .box img {
	    width: 300px;
	    margin-top: 2em;
	}
	.modal-product .mp-box .img-box{
		margin-bottom: 2em;
	}

	.cart-box .txt-in .t-left,
  	.cart-box .txt-in .t-right {
  		width: 100%;
	}
	.cart-box{
	    align-items: inherit;
  	}
  	.cart-box .img{
	    margin-right: 10px;
  	}
  	.cart-box .txt-in h5{
  		margin-bottom: 10px;
  	}
  	.cart-box .txt-in p{
  		text-align: left;
  	}
  	.cart-box .txt-in .t-right .t-right-in .price{
	    width: 100%;
	    flex: auto;
	    text-align: left;
  	}
  	.cart-box .txt-in .t-right .t-right-in .offer{
	    width: 80%;
	    flex: auto;
	    text-align: left;
	    margin-top: 10px;
  	}
  	.cart-box .txt-in .t-right .t-right-in .close{
	    width: 20%;

  	}
  	.cart-box .txt-in .t-right .quantity {
	    margin: 0;
	}
	.cart-section .payment-method{
		margin-bottom: 3em;
	}
	.ranking-section .ranking-table .table {
	    width: 980px;
	}
	.upcoming-section .upcoming-tab .exam-box .img {
	    width: 18%;
	}
	.upcoming-section .upcoming-tab .exam-box .txt {
	    width: 82%;
	}
	.upcoming-section .upcoming-tab .exam-box .title-txt {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.upcoming-section .upcoming-tab .exam-box .date {
	    width: 33.33%;
	}
	.advertise-section .exam-box .img {
	    width: 25%;
	}
	.advertise-section .exam-box .txt {
	    width: 75%;
	}
	.advertise-section .exam-box .title-txt {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.advertise-section .exam-box .date {
	    width: 100%;
	}

}

@media (max-width: 575px) {
	body h1 {
	    font-size: 1.8rem;
	}
	body h2 {
	    font-size: 1.6rem;
	}
	body h4 {
	    font-size: 1.1rem;
	}
	body h5 {
	    font-size: 1rem;
	}
	body h6 {
	    font-size: .9rem;
	}

	.header1 .btns .btn.btn1 {
	    padding: 6px 10px;
	    font-size: .9em;
	    letter-spacing: 0.8px;
	}
	.header1 .btns .bt1 {
	    margin-right: 2px;
	}
	nav.navbar .navbar-toggler {
	    padding: 4px;
	}

	.bottom-contact .form .btn1 {
	    min-width: auto;
	}
	.bottom-contact .form input{
		width: auto;
	}

	.products-section .product-grid .mix {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.products-section .product-box .p-title {
	    font-size: .9em;
	}
	.products-section .product-box .p-title {
	    font-size: .9em;
	}
	.products-section .product-box .p-img {
	    max-height: 140px;
	}
	.blog-section .box .txt {
	    padding-left: 20px;
	}
	.login{
		padding: 30px 15px;
		margin-top: 40px;
	}

	.product-detail-section .swiper-product .gallery-top .swiper-slide img {
	    max-height: 300px;
	}
	.product-detail-section .swiper-product .gallery-thumbs .swiper-slide img {
	    max-height: 60px;
	}
	.product-detail-section .swiper-product .gallery-thumbs .swiper-slide {
	    width: 22%;
	}
	.ranking-section .ranking-search .form1 label{
		font-size: 1em;
		margin-right: 8px;
	}
	.ranking-section .ranking-search .form1 input {
	    max-width: 140px;
	    height: 40px;
	}
	.upcoming-section .upcoming-tab .exam-box .date {
	    width: 100%;
	    max-width: 120px;
	    margin-bottom: 10px;
	}
	.upcoming-section .upcoming-tab .exam-box .date p {
	    text-align: left;
	}
	.contact-section .form .form-in {
	    padding: 2em 2em;
	}
	.advertise-section .exam-box .img {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.advertise-section .exam-box .img img {
		width: 200px;
	}
	.advertise-section .exam-box .txt {
	    width: 100%;
	}
	.gallery-section .img-box-in h6{
		padding: 10px;
	}

}

@media (max-width: 479px){
	.gallery-section .img-box img {
	    height: 120px;
	}
	
}