@media only screen and (max-width:1920px) {
	
}

@media only screen and (max-width:1680px) {
	.header-area .container-fluid {
	    padding: 0 80px;
	}
	
}

@media only screen and (max-width:1600px) {
	.header-area .container-fluid {
	    padding: 0 50px;
	}
}

@media only screen and (max-width:1440px) {
	.header-area .container-fluid {
	    padding: 0 15px;
	}
	
}

@media only screen and (max-width:1366px) {

}

@media only screen and (max-width:1265px) {
	.nav-search-col ul li:first-child a i {
	    padding-right: 10px;
	}
	.nav-search-col ul li {
		margin: 0 2px;
	}
}

@media only screen and (max-width:1199px) {
	.stellarnav>ul>li>a, .stellarnav.desktop li.has-sub a {
	    padding: 40px 15px;
	}
	.stellarnav.light a, .stellarnav.light li a {
		color: #000b1d;
	}
	
	.stellarnav>ul>li.menu-item-has-children>a:before {
		right: 0;
    	top: 45px;
	}
	.fixed-header .stellarnav>ul>li.menu-item-has-children>a:before {
		right: 0;
    	top: 25px;
	}
	.nav-search-col ul li {
		margin: 0 5px;
	}
	.nav-search-col ul li:first-child a i {
	    padding-right: 15px;
	}
	.fixed-header .stellarnav>ul>li>a {
		padding: 25px 20px;
	}
	.fixed-header .header-logo {
		padding-top: 15px;
	}
	.about-area {
		padding-bottom: 100px;
	}
	.consultation-area {
		padding: 100px 0;
	}
	.blog-col-content ul li {
		margin-right: 15px;
	}
	.my-var-bdr {
		margin-bottom: 20px;
	}
	.about-box-content h3 {
		margin-bottom: 30px;
	}
	.header-two-area .stellarnav>ul>li>a {
		padding: 30px 15px;
	}
	.main-banner-area {
		padding: 120px 0;
	}
	.main-banner-col h1 {
	    font-size: 65px;
	    line-height: 80px;
	    margin-bottom: 30px;
	}
	.attorney-details-text {
		padding: 30px 30px;
	}
	.my-reatings {
	    margin-bottom: 15px;
	}
	.details-social {
	    margin-top: 20px;
	}
	.content-center {
		padding: 30px 20px;
	}
	.team-details-text {
		padding: 35px 30px;
	}
	.header-two-area .header-logo {
	    padding-top: 20px;
	}
}

@media only screen and (max-width:1024px) {
	.header-two-area .header-logo {
	    padding-top: 22px;
	}
}

@media only screen and (max-width:991px) {
	.center991 {
		text-align: center;
		float: none;
	}
	/* Header Nav CSS Start */
	.header-area {
		z-index: 9;
	}
	.nav-search-col {
		
	} 
	.nav-search-col ul {
		text-align: right;
	}
	.stellarnav.mobile.right>ul {
		max-width: 100%;
	}
	.stellarnav.light {
		text-align: center;
	}
	.stellarnav .menu-toggle {
		padding: 0;
		margin-top: 30px;
	}
	.fixed-header .stellarnav .menu-toggle {
		padding: 0;
		margin-top: 30px;
	}
	.stellarnav>ul>li>a {
		color: #000b1d !important;
	}
	.fixed-header .stellarnav>ul>li>a {
		padding: 20px 20px;
		color: #000b1d !important;
	}
	.header-logo {
		padding: 20px 0;
	}
	.nav-search-col ul {
		margin: 25px 0;
	}
	.fixed-header .nav-search-col ul {
		margin: 25px 0;
	}
	.fixed-header .header-logo {
		padding: 20px 0;
	}
	.stellarnav>ul>li.menu-item-has-children>a:before {
		display: none;
	}
	.stellarnav .menu-toggle span.bars span {
		width: 20px;
	}
	.stellarnav.light .menu-toggle span.bars span {
		background: #ffffff;
	}
	.header-two-area .stellarnav>ul>li>a {
	    padding: 15px;
	}
	/* Header Nav CSS End */


	.slider-main-title {
		font-size: 45px !important;
	}
	.separator-area, .separator-area .title-col {
		text-align: center;
	}
	.separator-area {
		background-position: right;
	}
	.separator-area .title-col .title-bdr {
		margin: 0 auto;
	} 
	.separator-area {
		padding: 100px 0;
	}
	.consultation-area {
		padding: 100px 0 0;
	}
	.consultation-area img {
		margin-top: 30px;
	}
	.case-item-content {
		border-top: none;
	}
	.blog-col figure img {
		width: 100%;
		height: auto;
	}
	.fixed-header .stellarnav.light .menu-toggle span.bars span {
		background: #000000;
	}
	.header-two-area .stellarnav.light .menu-toggle span.bars span {
		background: #000000;
	}
	.header-two-area .stellarnav .menu-toggle {
		margin-top: 30px;
	}
	.header-two-area .nav-search-col ul {
	    margin: 32px 0;
	}
	.case-area-slider {
	    height: 400px;
	}
	.main-banner-area {
		position: relative;
		text-align: center;
	}
	.main-banner-area:before {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: rgba(243, 243, 243, 0.7);
	}
	.question-box {
		text-align: center;
	}
	.portfolio-area .gallery-filters ul li {
	    display: inline-block;
	    margin: 0 5px;
	}
	.service-particles-area {
	    height: 400px;
	}
	.blog-area .owl-carousel .owl-nav .owl-prev {
		top: -11px;
	}
	.blog-area .owl-carousel .owl-nav .owl-next {
		top: -11px;
	}
	.portfolio-area .masonry-gallery .grid {
		width: 50%;
	}




}

@media only screen and (max-width:767px) {
	.center767 {
		text-align: center;
		float: none;
	}
	.slider-main-title {
	    font-size: 32px !important;
	}
	.slider-para {
		letter-spacing: 1px;
	}
	.case-area {
		padding: 100px 0 60px;
	}
	.case-area .owl-theme .owl-dots .owl-dot.active:before {
		display: none;
	}
	.case-area .owl-theme .owl-dots {
		position: relative;
		margin-top: 30px;
	}
	.case-area .owl-theme .owl-dots .owl-dot {
		display: inline-block;
		margin-bottom: 0;
	}
	.case-col {
		padding: 0;
	}
	.case-area .owl-theme .owl-dots .owl-dot span {
		margin: 0 7px;
	}
	.service-item {
		padding: 30px 20px;
	}
	.case-area-slider {
	    height: 300px;
	}
	.service-col {
		padding: 80px 15px;
	}
	.portfolio-area .gallery-filters ul {
		margin-bottom: 20px;
	}
	.portfolio-area .gallery-filters ul li {
		margin-bottom: 30px;
	}
	.portfolio-layer i {
		font-size: 30px;
	}
	.service-particles-area {
	    height: 350px;
	}
	.stellarnav.light {
		text-align: left;
	}
	.portfolio-area .gallery-filters ul li a {
		padding: 8px 20px;
	}
	.my-padding {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.team-col img {
		width: 100%;
		height: auto;
	}
	



	
}

@media only screen and (max-width:600px) {
	
}

@media only screen and (max-width:575px) {
	.center575 {
		text-align: center !important;
	}
	.slider-main-title {
		display: inline-grid;
	}
	.slider-para {
		margin-bottom: 20px !important;
	}
	.slider-main-title {
		margin-bottom: 30px;
	}
	.counter-box {
		text-align: center;
	}
	.default-col.about-col img {
		margin-top: 30px;
	}
	.service-area .p-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.attorneys-col img {
		width: 100%;
		height: auto;
	}
	.header-topbar-col {
		text-align: center;
	}
	.consultation-col {
	    padding: 50px 20px;
	}
	.case-area-slider {
		display: none;
	}
	.case-two-row {
		margin: 0;
	}
	.case-two-col img {
		width: 100%;
		height: auto;
	}
	.main-banner-col h1 {
		font-size: 48px;
    	line-height: 60px;
	}
	.share-links {
		text-align: center;
	}
	.share-links h4:before {
		display: none;
	}
	.share-links ul {
		text-align: center;
	}
	.millde-img img {
		width: 100%;
		height: auto;
	}
	.service-link a i {
		font-size: 20px;
		top: 3px;
	}
	.service-link {
		text-align: center;
	}
	.service-link .text-right {
		text-align: center !important;
	}
	.service-link a {
		padding: 20px 0;
		display: block;
		background: #f6f6f6;
		margin-bottom: 5px;
		border-radius: 50px;
	}
	.portfolio-area .masonry-gallery .grid {
		width: 50%;
	}
	.team-col img {
		width: 100%;
		height: auto;
	}
	.slider-main-title {
	    font-size: 24px !important;
	}
	.service-particles-area {
	    display: none;
	}
	.service-two-row {
		margin-top: 0;
	}
}

@media only screen and (max-width:480px) {
	.header-logo {
		padding: 20px 0;
	}
	.fixed-header .header-logo {
	    padding: 20px 0;
	}
	.title-col h2 {
		font-size: 24px;
    	line-height: 36px;
	}
	.about-box-content h2 {
		font-size: 50px;
	}
	.left-space {
		margin-left: 50px;
	}
	.comment-box {
		padding-left: 0;
	}
	.comment-box img {
		position: relative;
		margin-bottom: 10px;
	}
	.full-wd {
		width: 100%;
	}
	.about-box-content {
		padding: 50px 20px;
	}
	.portfolio-area .masonry-gallery .grid {
		width: 100%;
	}

}

@media only screen and (max-width:420px) {
	.silder-elements .theme-btn {
		margin-bottom: 20px;
	}
	.about-box-content {
		padding: 38px 20px;
	}
	.about-box-content h3 {
		font-size: 24px;
    	line-height: 36px;
	}
	.main-banner-col h1 {
	    font-size: 36px;
	    line-height: 48px;
	}
	.share-links ul li {
		margin-right: 0;
	}



}

@media only screen and (max-width:375px) {
	.nav-search-col ul li:first-child a i {
	    padding-right: 12px;
	}
	.nav-search-col ul li {
	    margin: 0 2px;
	}
	.my-var-bdr {
		height: 20px;
    	margin-top: 20px;
	}
	.header-two-area .header-logo {
	    padding-top: 22px;
	}
	.main-banner-col h1 {
	    font-size: 30px;
	    line-height: 42px;
	}
	.about-box-content h3 {
	    font-size: 18px;
	    line-height: 32px;
	}
	.details-social ul li {
		margin-right: 0;
	}
	.service-two-content h4 {
		font-size: 18px;
	}
	.service-two-content {
		padding: 30px 18px 40px;
	}
	.page-name-col h2 {
		font-size: 30px;
		line-height: 36px;
	}
	.team-details-text {
	    padding: 35px 20px;
	}

}

@media only screen and (max-width:332px)  {
	.header-topbar-col ul li {
		margin: 0 5px;
	}
	.header-two-area .header-logo {
	    padding-top: 25px;
	}
}

@media only screen and (max-width:320px) {
	
}

/* STREF MODERN RESPONSIVE */
@media only screen and (max-width:1199px){
  .stref-navbar-inner{min-height:66px;}
  .stref-navbar .stellarnav>ul>li>a{padding:24px 9px!important;font-size:13.5px!important;}
  .btn-nav-outline{display:none!important;}
  .stref-hero-grid{gap:28px;}
  .hero-title{font-size:36px!important;}
  .hero-img-card img{height:340px;}
}
@media only screen and (max-width:991px){
  .stref-topbar-inner{justify-content:center;text-align:center;}
  .stref-topbar .hide-sm{display:none!important;}
  .stref-navbar{position:relative!important;top:auto!important;left:auto!important;width:auto!important;box-shadow:none!important;}
  .stref-navbar.scroll-to-fixed-fixed{position:relative!important;top:auto!important;left:auto!important;width:auto!important;transform:none!important;}
  .stref-navbar-inner{flex-wrap:wrap;padding:12px 0;min-height:56px;}
  .stref-navbar .stellarnav{order:3;width:100%;justify-content:flex-start;}
  .stellarnav .menu-toggle{margin-top:8px!important;padding:0!important;}
  .stellarnav.mobile .menu-toggle span.bars span{background:var(--navy)!important;}
  .stellarnav.mobile ul{background:#fff!important;border:1px solid var(--border);box-shadow:var(--shadow);max-height:70vh;overflow-y:auto;}
    .stref-nav-actions{margin-left:auto;}
  .stref-hero-wrap{padding-top:86px!important;}
  .stref-hero-wrap::before{width:360px;height:360px;top:-120px;right:-120px;}
  .stref-hero-wrap .pogoSlider{min-height:600px!important;height:auto!important;padding-bottom:0!important;}
  .stref-hero-grid{grid-template-columns:1fr;gap:28px;min-height:auto;padding:28px 0 32px;}
  .stref-hero-visual{order:-1;max-width:520px;margin:0 auto;width:100%;padding:6px;}
  .hero-frame{top:12px;right:12px;bottom:12px;left:12px;}
  .hero-img-card img{height:300px;}
  .hero-proof{max-width:100%;}
  .hero-title{font-size:36px!important;}
  .countdown-bar{margin:0 15px 24px;}
  .footer-bottom-inner{justify-content:center;text-align:center;}
}
@media only screen and (max-width:767px){
  .hero-title{font-size:30px!important;line-height:1.15!important;}
  .hero-desc{font-size:14px!important;}
  .hero-badge{font-size:11px!important;}
  .hero-cta .hero-primary,.hero-cta .hero-secondary{padding:11px 16px!important;font-size:13px!important;}
  .about-box-content h2{font-size:44px!important;}
  .service-item-box img{height:180px;}
  .stref-topbar{font-size:12px;}
  .notification-bar{width:300px!important;}
  .hero-img-card img{height:260px;}
  .stref-hero-wrap .pogoSlider-dir-btn{width:38px!important;height:38px!important;}
}
@media only screen and (max-width:575px){
  .stref-navbar-inner{gap:10px;}
  .stref-logo img{height:36px;}
  .btn-nav-primary{padding:9px 14px;font-size:13px;}
  .hero-title{font-size:26px!important;}
  .stref-hero-wrap .pogoSlider{min-height:580px!important;}
  .hero-proof{flex-wrap:wrap;gap:10px;padding:12px;}
  .proof-divider{display:none;}
  .proof-item{flex:1 1 30%;}
  .hero-float-card{min-width:auto;left:10px;right:10px;bottom:10px;}
  .countdown-bar{flex-direction:column;align-items:stretch;}
  .stref-footer{padding-top:36px;}
}
