/* 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) { 

.scrool_1{
    width: 20%;
    float: left;
}
.scrool_2{
    width: 80%;
    float: right;
}
.menu_area .menu_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {
    font-size: 14px!important;
    padding: 11px 7px!important;
}

.hadding_02 a {
    font-size: 16px!important;
}
.hadding_03 a {
    font-size: 15px!important;
}
.hadding_01 a {
    font-size: 18px!important;
}
.photo_caption a {
    font-size: 18px!important;
}

.footer_logo {
    padding: 12px 15px 0px 15px!important;
}
.editor-text {
    font-size: 15px!important;
	padding-top: 10px!important;
}
.address-text {
    font-size: 15px!important;
	padding-top: 10px!important;
}

.root_01 {
    font-size: 15px!important;
}
.root_02 {
    font-size: 15px!important;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
 
 .hadding_01 a {
    font-size: 20px!important;
}
.hadding_02 a {
    font-size: 18px!important;
}
.photo_caption a {
    font-size: 18px!important;
} 
.logo img {
     padding: 10px 0px!important;
}
.bannar img {
    padding: 0px !important;
    margin-bottom: 10px;
}

.scrool_1{
    width: 30%;
    float: left;
}
.scrool_2{
    width: 70%;
    float: right;
}  
.editor-text{
    text-align: center!important;
    margin: 0px 10px!important;
    font-size: 14px!important;
	padding-top:10px!important;
}
.address-text {
    margin: 0px 10px !important;
    text-align: center !important;
    margin-top: 10px !important;
    border-top: 1px solid#ABB1BA;
    font-size: 14px !important;
	padding-top:10px!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;
}


}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 


.logo img {
     padding: 10px 0px!important;
}
.bannar img {
    padding: 0px !important;
    margin-bottom: 10px;
}

.scrool_1{
    width: 30%;
    float: left;
}
.scrool_2{
    width: 70%;
    float: right;
} 
.editor-text{
    text-align: center!important;
    margin: 0px 10px!important;
	padding-top:10px!important;
}
.address-text {
    margin: 0px 10px !important;
    text-align: center !important;
    margin-bottom: 10px;
    margin-top: 10px !important;
    border-top: 1px solid#ABB1BA;
    font-size: 14px !important;
	padding-top:10px!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;
}


}