/* 1. Extra large container */
@media (min-width: 1220px) {
	.container {
		max-width: 1200px;
		/* For 1200px container width, content will be 1170px wide */
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.minus_mr {
		margin-top: -5%;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.minus_mr {
		margin-top: 0;
	}

	.container {
		max-width: 100%;
	}

	.header_wrap .header_top .container {
		padding-left: 0;
		padding-right: 5px;
	}

	.header_btm ul.navbar-nav {
		padding-top: 0px;
	}

	.side_img_cont {
		/* height: 240px !important; */
		width: 227px !important;
	}

	#menu-footer-menu {
		display: inline;
	}

	.mid_wrap {
		padding: 0rem 0;
	}

	.output_wrap .row .col-lg-1 {
		max-width: 15% !important;
		flex: 0 0 15% !important;
	}

	.header_btm ul.navbar-nav li a {
		font-size: 14px;
		padding: 0 8px !important;
	}

	.header_btm nav.navbar {
		padding: 13px 0;
	}

	.output_wrap .tab_grid .grid_row .img_sec {
		width: 26%;
	}

	.output_wrap .tab_grid .grid_row .cont_sec {
		width: 74%;
	}

	.btn1 a {
		padding: 8px;
	}

	.btm_ftr .d-flex>.btn1 {
		display: inline-block;
		margin-top: 20px;
	}

	footer .d-flex.flex-row {
		display: block !important;
	}
}

@media screen and (max-width: 767px) {
	.output_wrap .tab_grid .grid_row .img_sec {
		display: none;
	}

	.output_wrap .tab_grid .grid_row .cont_sec {
		width: 100%;
	}

	.d-flex.flex-row {
		display: block !important;
	}

	.ftr_logo_sec,
	.social_icon,
	.ftr_logo_sec span {
		width: 100%;
		display: block;
		margin: 10px 0;
	}

	footer .d-flex.justify-content-between {
		display: block !important;
	}

	.btm_ftr .d-flex>.img_logo {
		margin-bottom: 35px;
	}

	footer {
		text-align: center;
		font-size: 13px;
	}

	.btm_ftr .d-flex .btn1 a {
		display: block;
		padding: 10px;
	}

	.btm_ftr .img_logo img {
		float: left;
	}

	.btm_ftr .img_logo span {
		display: block;
		line-height: 15px;
	}

	.btm_ftr .d-flex>div,
	footer .top_ftr img {
		margin-bottom: 25px;
	}

	.btm_ftr .d-flex>div {
		margin-right: 0px;
	}

	.cuntry_sec,
	.tab_head,
	.tab_grid .d-sm-none {
		display: none;
	}

	.header_wrap .header_top .container {
		padding: 0;
	}

	.logo img {
		width: 90px;
	}

	.brand_name h1 {
		font-size: 17px;
	}

	.header_wrap .header_top .srch.ml-5 {
		position: relative;
		left: -44px;
	}

	.navbar-toggler {
		position: absolute;
		top: -36px;
		right: -4px;
		padding: 0;
	}

	header.header_wrap {
		position: relative;
	}

	.header_btm {
		height: auto;
	}

	.header_btm .navbar-toggler span.fa {
		color: #fff;
		font-size: 17px;
		padding: 0;
	}

	.header_btm nav.navbar.navbar-expand-md {
		padding: 0;
	}

	.srch_toggle form.form-inline .form-group,
	.srch_toggle form.form-inline button.btn.btn-primary {
		width: 100%;
	}

	.srch_toggle input {
		height: 62px;
	}

	.srch_toggle span.fa {
		top: 20px;
	}

	.mid_wrap .dropdown {
		margin-bottom: 0 !important;
	}

	/* -- inner page -- */
	.cat_detail_wrap .col-md-9 {
		padding-right: 15px;
	}

	.register_form .form_wrap button {
		width: 100%;
		max-width: 100%;
	}

	.minus_mr {
		margin-top: 0;
	}

	.side_row:last-child {
		border: none;
	}

	.side_row:last-child {
		border: none;
	}

	.form_wrap {
		padding: 10px 0;
	}

	.form_wrap .text-right {
		text-align: left !important;
	}

	.register_form {
		padding: 12px;
	}

	/* .sidebar_col {
		position: absolute;
		bottom: 150px;
	  }
	.form_sec {
		padding-top: 600px;
	  }
	.wrap_row {
		position: relative;
	} */
	.sidebar_col.d-sm-none.d-md-block {
		display: none;
	}

	.resp_img_blck {
		display: block;
	}
}

@media screen and (max-width: 575px) {
	#tab1_items, #tab2_items, #tab3_items{display: none;}
	footer .three_column_footer, .three_column_footer .col-4,.three_column_footer ul{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.three_column_footer h4{
		padding-left: 50px;
		padding-right: 50px;
		cursor: pointer;
	}
	footer .three_column_footer ul li{
		max-width: 100% !important;
		padding-left: 50px !important;
	}
	footer .three_column_footer ul li:last-child{
		border-bottom: none !important;
	}
	.three_column_footer ul{
		margin-bottom: 0 !important;
	}
	.three_column_footer .col-4 {
        flex: 0 0 100% !important;
		border-bottom: 1px solid #333;
    }
	.three_column_footer h4 span{
		font-weight: 400 !important;
	}
	.three_column_footer {
        flex-direction: column;
    }
	.img_logo{
		border-bottom: 1px solid #333333;
		height: 80px !important;
	}
	.img_logo a {
		margin-bottom: 20px;
		margin-left: 50px;
	}
	.col-4.border-left .social_icon p a{
		padding: 0 !important;
		display: inline-block;
		border-bottom: none !important;
		padding: 20px 0px 20px 50px !important;
	}
	.social_icon p, .social_icon{
		margin: 0 !important;
	}
	.col-4.border-left{
		min-height: inherit !important;
		margin-top: 0px !important;
	}
	footer{
		text-align: left !important;
	}
	.copyright{padding: 20px 50px !important;}
	.arrow_icon{
		width: 20px;
		float: right;
		margin-top: 5px;
	}
	.desk_footer{
		display: none;
	}
	.mob_footer{display: block;}
	.cat_detail_wrap .site_heading {
		font-size: 24px;
	}

	.site_content {
		font-size: 18px;
		line-height: 29px;
	}

	.right1 span.fa {
		font-size: 19px;
	}
}

/* ---------- New css to be added ====> date - 30/june/21   ----------- */

@media screen and (max-width: 767px) {
	body.res_menu.mob_menu:before {
		background: rgba(7, 6, 7, 0.2);
		z-index: 1;
		position: absolute;
		content: '';
		display: block;
		top: 0;
		height: 100%;
		width: 100%;
		opacity: 1;
	}

	body.res_menu.mob_menu {
		position: relative;
	}

	.sidebar_col {
		height: auto;
	}

	body.res_menu:before {
		background: #000000b8;
		z-index: -1;
		position: absolute;
		content: '';
		display: block;
		top: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: none;
	}

	.mob_menu .header_btm {
		height: auto;
		background: #ffffff;
		position: absolute;
		right: 0;
		width: 90%;
		top: 0;
		z-index: 2;
		box-shadow: 2px 2px 2px #21212157;
	}

	.mob_menu .header_btm ul.navbar-nav li a {
		margin: 7px 20px;
	}

	.mob_menu .header_btm ul.navbar-nav li:last-child a {
		font-weight: 700;
		border-top: 1px solid #e9e9e9;
		padding-top: 25px;
	}

	.mob_menu .res_country .cuntry_sec {
		display: block;
		margin: 35px 20px;
	}

	button.navbar-toggler.menu_close {
		position: absolute;
		top: 10px;
		right: 7px;
	}

	button.navbar-toggler.menu_close span.fa {
		color: #000;
		font-Size: 35px;
	}

	.res_menu .header_btm {
		height: auto;
		background: #ffffff;
		position: absolute;
		right: 0;
		width: 90%;
		top: 0;
		z-index: 2;
		box-shadow: 2px 2px 2px #21212157;
	}

	.res_menu .header_btm button.navbar-toggler {
		top: 12px;
	}

	button.navbar-toggler {
		outline: none;
	}

	p.res_head {
		font-size: 19px;
		font-weight: 700;
		margin: 20px 0 10px 19px;
	}

	.img_logo span {
		display: flex !important;
		justify-content: center;
	}

	.img_logo span #copyright_year {
		margin: 0 3px;
	}

	.img_logo span .copyright_text {
		margin-right: 3px;
	}
}


/* ---------- New css to be added ====> date - 30/june/21   ----------- */

/* Footer Responsive */
@media screen and (min-width: 575px) {
	.desk_footer{display: block;} 
	.mob_footer{display: none;}
}
@media screen and (min-width: 575px) and (max-width: 767px) {
	footer .three_column_footer{
		padding-left: 20px !important;
	}
	.img_logo a{margin-bottom: -15px;}
	.three_column_footer h4 span{
		font-size: 16px !important;
	}
}