/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.date {
	padding-top: 0px!important;
	font-size: 14px;
}
.top-hdr-social ul {
	float: left !important;
}
.top-hdr-social ul li a{
    font-size: 18px!important;
}
.top-hdr-social ul li:after{
    content: "।";
    padding-left: 6px!important;
    padding-right: 6px!important;
 } 
.col-sm-3.search-box {
	padding: 0px!important;
}
form.example input[type="text"] {
	padding: 4px!important;
	font-size: 12px!important;
}
form.example button {
	padding: 4px!important;
	font-size: 12px!important;
}

.menu_area .menu_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {
    font-size: 14px!important;
    padding: 11px 7px!important;
}
.top_scrool_1 {
    padding: 8px 5px!important;
}
.top_scrool_2 {
    height: 39px!important;
}
.bottom_scrool_1 {
    padding: 8px 5px!important;
}
.bottom_scrool_2 {
    height: 39px!important;
}
.date-time {
    padding: 8px 5px!important;
}
.hadding a {
    font-size: 16px!important;
}


}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
.date {
	text-align: center;
	margin-bottom: 8px!important;
}
.top-hdr-social ul {
	float: left !important;
	margin-top: 8px!important;
}
.top-hdr-social ul li:after{
    content: "।";
    padding-left: 13px!important;
    padding-right: 13px!important;
 } 
.logo img {
	 padding: 10px 0px!important;
}
.bannar img {
	padding: 0px 0px 10px 0px!important;
}
 
.top_scrool_1 {
    float: left!important;
    width: 30%!important;
	padding: 7px 5px!important;
	font-size: 14px!important;
}
	
.top_scrool_2 {
	font-size: 13px!important;
	margin-left: 0px !important;
	height: 33px !important;
	float: right !important;
	width: 70% !important;
	padding: 6px 5px!important;
}
.top_scrool_2 a {
	font-size: 15px!important;
}	
 .bottom_scrool_1 {
    float: left!important;
    width: 30%!important;
	padding: 7px 5px!important;
	font-size: 14px!important;
}
.bottom_scrool_2 {
	font-size: 13px!important;
    margin-right: 0px!important;
    margin-left: 0px!important;
	height: 33px !important;
    float: right!important;
	width: 70% !important;
	padding: 6px 5px!important;
}
.bottom_scrool_2 a {
	font-size: 15px!important;
}
.date-time {
	height: 33px !important;
	height: 33px !important;
    margin-top: 37px!important;
    margin-bottom: 6px!important;
	font-size: 15px!important;
	padding: 6px 5px!important;
}

.hadding a {
    font-size: 18px!important;
}

    
.footer-menu ul li {
	font-size: 14px !important;
}
    
    
.editor-text {
	font-size: 16px !important;
	color: #D3DBCE;
	padding: 10px 10px 15px 0 !important;
	text-align: center;
}
.btm-social{
    text-align: center !important;
}
    
.btm-social ul li {
	margin: 3px 3px !important;
}
    
.root_01 {
	font-size: 16px;
	text-align: center !important;
}
    
.root_02 {
	font-size: 16px;
    text-align: center !important;
}
 
 
.mainmenu .collapse ul > li > a{margin-left: 10px;}
.mainmenu .collapse ul ul li{position:relative!important;}
.mainmenu .collapse ul ul li:hover ul{display:block!important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	margin-left: 0px!important;
}


}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.date {
	text-align: center;
	margin-bottom: 8px!important;
}
.top-hdr-social ul {
	float: left!important;
	margin-left: 50px!important;
	margin-top: 8px!important;
}
.top-hdr-social ul li a{
    font-size: 20px!important;
}
.top-hdr-social ul li:after{
    content: "।";
    padding-left: 17px!important;
    padding-right: 17px!important;
 } 
.logo img {
	 padding: 10px 0px!important;
}
.bannar img {
	padding: 0px 0px 10px 0px!important;
}

.root_01{
    text-align: center!important;
}
.root_02 {
    text-align: center!important;
}
.mainmenu .collapse ul > li > a{margin-left: 10px;}
.mainmenu .collapse ul ul li{position:relative!important;}
.mainmenu .collapse ul ul li:hover ul{display:block!important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	margin-left: 0px!important;
}


}