/*  Theme HTML Template */



@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		
		visibility:hidden;
		opacity:0;
	}
}
@media only screen and (max-width: 1100px){
	.main-header .logo,
	.main-header .header-area{
		float: none !important;
	}	
	.main-header .logo{
		display: block;
		text-align: center;
	}
	.gallery-filter{
		float: left;
	}
	.post-filter li span{
		padding-left: 0px !important;
		margin-right: 40px !important;
	}
	.gallery-section .item{
		display: block !important;
	}
	.footer-top .gallery-widget,
	.footer-top .blog-cloumn{
		margin-left: 0px !important;
	}
	.about-section .content-box{
		margin-top: 40px;
	}
	.testimonial-section .icon-quort:after{
		display: none !important;
	}
	.finance-section img{
		margin-bottom: 40px;
	}
	.service-details .image-clomun img{
		margin-bottom: 40px;
	}
	.blog-details .left-side{
		margin-right: 0px !important;
	}
	.blog-details .right-side{
		margin-top: 40px !important;
		margin-left: 0px !important;
	}
}

@media only screen and (max-width: 991px){
	.header-top .top-right,
	.header-top .top-left{
		float: none !important;
		margin-left: 10px !important;
	}
	.header-top .top-left{
		margin-bottom: 10px !important;
	}
	.search_option:before{
		display: none !important;
	}
	.main-header .logo{
		text-align: left;
	}
	.main-header .link-button{
		float: none !important;
	    position: absolute;
	    top: -60px;
	    right: 0px;
	}
	.main-header .header-area{
		margin-left: 10px !important;
	}
	.service-details .left-side{
		margin-right: 0px !important;
	}
	.service-details .right-side{
		margin-top: 40px !important;
		margin-left: 0px !important;
	}
	.single-product img{
		margin-bottom: 40px;
	}
	.blog-details .right-side .item-holder img{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px){
	.main-header .logo{
		text-align: center !important;
	}
	.main-header .header-area .main-menu{
		position: absolute !important;
		float: none !important;
    	top: -70px;
    	left: 0px;
    	width: 100%;
	}
	.main-header .header-area{
		margin-left: 0px !important;
	}
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display: block;
		text-align: right;
		width:100%;
		padding:12px 0px;
		right:0px;
		z-index:12;
	}
	.main-menu .navbar-header .navbar-toggle {
	    display: block;
	    border: 1px solid #ffffff;
	    float: left;
	    height: 50px;
	    width: 50px;
	    padding-left: 12px;
	    text-align: center;
	    margin: 0px 0px 0px 0px;
	    border-radius: 0px;
	    background: #0b4696;
	}	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px !important;
		width:100% !important;
		background: #272a36;
		border:1px solid #ffffff;
		border-top:none;
	}	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px !important;
		float:none !important;
		width:100%;
		padding-right: 0px;
	}	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
		border:none !important;
	}	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{
		color:#ffffff !important;
		right:15px;
		font-size:16px;
		display:none !important;
	}	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#e4b700;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:15px 10px !important;
		line-height:22px;
		color:#ffffff;
		background: #0b4696;
		text-align: left;
	}	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background: #1cc9ce;
	}	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,
	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
		background: #272a36;
		color: #fff !important;
	}
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
	    display: block;
	    position: absolute;
	    right: 15px;
	    top: 12px;
	    color: #ffffff;
	}
	.main-menu .navbar-collapse > .navigation li.current .dropdown-btn,
	.main-menu .navbar-collapse > .navigation li:hover .dropdown-btn{
		color: #ffffff;
	}
	.map-section .contact-info{
		top: 0px !important;
		width: 100% !important;
		left: 0px !important;
		position: relative !important;
	}
} 

@media only screen and (max-width: 500px){
	.container{
		padding: 0 15px!important;
	}
	.pull-right{
		margin-left: 0px!important;
	}
	.main-header{
		padding-bottom: 0px !important;
	}
	.main-header .logo{
		text-align: left !important;
		left: -3px;
		float: right!important;
	}
	.main-header .header-area{
		/* float: left!important; */
		margin-top: -0.3125rem!important;
		
	}
	.main-header .header-area .main-menu{
		position: relative !important;
		top: 0px !important;
	}
	.header-area{
		cursor:pointer; 
	}
	.header-top .top-left .contact-links li{
		display: none !important;
		text-align: center !important;
		margin-right: 0px !important;
		margin-bottom: 10px !important;
	}
	.header-top .top-right .social-links{
		float: none !important;
		text-align: center;
	}
	.header-top .top-right, 
	.header-top .top-left {
	    margin-left: 0px !important;
		float: right!important;
	}
	
	.header-top .top-right .social-links li{
		margin: 0px 12px !important;
	}
	.post-filter li{
		display: block !important;
		margin-bottom: 5px !important;
		text-align: left !important;
	}
	.home_box div{
		margin-left: 0rem!important;
		
		
	}
	.home_title{
		width: 100%!important;
	}
	.home_box{
		padding-left: 23px;
	}
	.home_box {
		width: 340px!important;
		margin: 0px!important;
	}
	#ISL_Cont{
		width: 220px!important;
		height: 209px!important;
		margin-left: 0.5rem!important;
	}
	.home_pro{
		width: 220px!important;
	}
	#scroll_list_1 {
	    width:100%!important;
		display: flex;
		    flex-direction: row;
		    justify-content: flex-start;
	}
	#scroll_list_1 {
	    width:100%!important;
		display: flex;
		    flex-direction: row;
		    justify-content: flex-start;
	}
	.home_pro .list .d {
		display: inline-flex;
		/* flex-direction: row; */
	}
	#sortbox_items{
		display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
	}
	.mod_container .row {
	    display: flex;
	    flex-direction: column;
	}
	.row article {
	    width: 182px!important;
	    
	}
	.main-footer .footer-top  .container .row div{
		left: 0px!important;
	}
	.service-section  div div a{
		padding-left: 0px!important;
	}
	.footer-top{
		margin-left: 15px!important;
	}
	#m1{
		font-size: 19px!important;
	}
	#m2{
		font-size: 10px!important;
		    letter-spacing: 0px!important;
	}
	.rev_slider_wrapper {
	    overflow: hidden!important;
	}
	.tp-parallax-wrap {
		/* position: relative; */
	    top: 270px!important;
		left: -18px!important;
		color: #000000!important;
	}
	.mod_mainarea .container>div{
		width: 100%!important;
	}
	.mod_mainarea .container .titleBox,.box2,.divContainer,.detailBox div{
		width: 100%!important;
		/* margin: 0px!important;
		padding: 0px!important; */
		
	}
	.detailbannerBox {
	    
	    height: 140px;
	    
	}
	.serverConBox table{
		width: auto!important;	
	}
	.serverConBox div img{
		margin-left: 0rem!important;
		width: auto;
		    height: auto;
	}
	.detailbanner{
		height: auto!important;
	}
	.detailbannerBox .detailbanner img {
	    height: auto;
	}
	.link-item {
	    
	    margin-right: 14px;
	    
	}
	#divContainer{
		/* display: none; */
		width: 315px!important;
	} 
	.info .side_wrap {
    /* padding: 7px 0px 0 4px; */
}
	.onelist input,select{
		/* width: 223px!important; */
}
	#submitConsult{
		/* width: 223px!important; */
}
	#divContainer{
		position: relative;
		top: 0px!important;
		margin: 0px;
		left: 17px!important;
		margin-bottom: 10px;
	}
	#info{
		/* width: 228px!important;
		height: 400px!important; */
		position: relative!important;
		
	}
	.info .side_wrap{
		padding-top: 15px;
	}
	.rtfc {
	    
	    padding-left: 0px;
	    
	}
	.rtfc>div{
		position: relative;
		height: 500px!important;
	}
	.rtfc div .side_wrap{
		position: relative;
		top: 250px;
		
	}
	.question-word2,.questionBox{
		margin-left: 0px!important;
	}
	.question-word2 span{
		font-size: 12px!important;
	}
	.detailBox{
		margin: 0 auto 0px!important;
	}
	.container  .mod_container{
		padding: 0px!important;
	}
	.home_title {	
	}
	.mod_container>.ihover a{
		width: 320px;
	}
	.row{
		width: auto!important;
	}
	.home_title .new2 {
	    border-left: 7px solid #0b4696;
	    padding-left: 26px;
	    font-size: 20px;
	    height: 22px;
	    line-height: 24px;
	    font-weight: inherit;
	}
	.subTitle{
		padding-right: 0px!important;
		color: #000000!important;
		font-weight: 600;
		padding: 0px!important;
	}
	.titleBox h1 {
	    border-left: 7px solid #0b4696;
		padding-left: 10px;
		font-size: 20px;
		height: 22px;
		line-height: 24px;
		font-weight: bold;
	    font-weight: 600;
	}
	span{
		font-weight: 600!important;
	}
	#noLog{
		position: relative;
		left: 40px;
	}
	#subColumn{
		display: none!important;
	}
	.mod_maincolumn {
	    
	    
	    width: 100%;
	    
	}
	.mod_mainarea .mod_container{
		width: auto;
	}
	.mod_sortbox1 .sortbox th {
	    
	    min-width: 40px;
	    
	}
	.mod_sortbox1 .sortbox td {
	    padding: 20px 0 0 8px;
	    
	}
	.section .container{
		width: auto!important;
		   
	}
	.up h1{
		padding-left: 0px!important;
		font-size: 35px!important;
	}
	.mid {
	    padding-left: 0px!important;
	}
	.down div {
	    
	    margin-left: 0px!important;
	    
	}
	.about-section {
	    padding: 25px 0px 30px 0px!important;
	    
	}
	
}
@media only screen and (max-width: 500px){
	
	}
/* @media only screen and (max-width: 500px){
	:root {
	  font-size: 13px!important;
	}
	html {
	  zoom: 30%;
	
	}
	*{
		font-size: 6px!important;
	}
} */