@media screen and (max-width:1920px) and (min-width:992px) {
.dropdown:hover>.dropdown-menu {
display: block
}
.dropdown>.dropdown-toggle:active {
pointer-events: none
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1200px
}
}
@media only screen and (max-width:1370px) {
.hero-section {
padding-top: 100px;
padding-bottom: 100px;
height: 750px
}
}
@media only screen and (max-width:1150px) {
.top-header .navbar-light .navbar-nav .nav-link {
padding: 0 4px
}
.header-heading h1 {
font-weight: 700;
margin-bottom: 30px;
font-size: 45px;
line-height: 57px
}
}
@media only screen and (max-width:991px) {
.breadcrumb-area {
padding: 120px 0px 60px 0px;
}
.common-heading h2,
.common-heading h4,
.common-heading>span,
.header-heading p,
.image-block, .single-image {    text-align: center  }
.single-image {
margin: 30px auto 0;
display: block
}

.position-chnage{ position:relative;}



.lead-intro-{
margin: 30px auto 0;
display: block
}
.portfolio-section:before {
height: 300px
}
.wide-block:after {
    background-size: 140px;
    /*background-position: right top;*/
	 background-position: right top;
    opacity: .6;
	
}
.wide-block h4{ margin-top:0px;}
/*.block-space- {
max-width: 70%
}*/
.wide-block {
padding: 20px
}
.navbar .mobile-menu {
display: inline-block
}
.mobile-none {
display: none
}
.navbar-light .navbar-toggler {
color: #000;
border-color: transparent
}
.custom-btn {
padding: 0 25px!important;
line-height: 42px
}
.mobilemenu {
padding: 10px!important
}
.header-heading h1 {
font-weight: 700;
margin-bottom: 30px;
font-size: 38px;
line-height: 50px;
text-align: center
}
.header-heading p {
font-size: 18px;
line-height: 28px;
margin-bottom: 35px
}
.btn-main {
width: max-content;
margin: 0 auto;
display: block
}
.hero-section {
padding-top: 120px;
padding-bottom: 80px;
height: auto
}
.image-block {
margin-bottom: 30px
}
.pad-tb {
padding-top: 80px;
padding-bottom: 80px
}
.user- {
margin: 0 auto;
display: table
}
.opl ul li,
.statistics {
margin-bottom: 30px
}
.statistics {
text-align: left
}
.about-agency p,
.about-image,
.block-1 .small,
.block-1 .statnumb,
.case-study1 p,
.case-study3 p,
.common-heading.pp,
.email-subs,
.filter-menu,
.in-stats .statistics,
.office-text,
.service p,
.testimonial-card .t-text {
text-align: center
}
.small {
margin-top: 0
}
.small .statistics span {
color: #050748
}
.small .statistics-img {
width: 100px;
height: 100px
}
.icon-set,
.opl ul li {
width: 33.333%
}
.small .statistics span,
.statistics span {
font-size: 35px
}
.opl ul li:last-child {
margin-bottom: 0
}
.testinomial-section {
background-size: 0
}
.testimonial-card .t-text,
.work-card-set {
margin-top: 30px
}
.testinomial-section .owl-carousel .owl-dots {
position: relative;
width: 100%;
text-align: center
}
.pl25 {
padding-left: 0!important
}
.client-thumbs {
margin: 30px auto 0;
display: table
}
.enquire-image {
margin-top: 30px
}
.office-card {
margin-bottom: 60px
}
.office-text p {
padding: 0;
margin: 0 0 20px
}
.email-subs p {
margin-bottom: 30px
}
.footer-social-media-icons a {
margin: 0 10px
}
.footer-svg {
margin: -3px 0 0
}
.block-1 .small {
margin-top: 50px
}
.in-stats .statistics {
margin-bottom: 0;
display: inline-block
}
.block-1 .statnumb {
margin: 0
}
.in-stats .statistics span {
font-size: 35px;
color: #ff1f8e
}
.about-image {
margin-bottom: 30px
}
.ps-block {
padding: 0;
margin: 30px 0 0
}
.contact-details {
margin-top: 60px
}
.filter-menu,
.m-mt30 {
margin-top: 30px
}
.showin-mobile{display: block; }
.fl-hero {
background-position: center center, center center;
background-size: 0px, cover;
background-repeat: no-repeat, no-repeat;
}
.active-dark .fl-hero {
background: url(../images/hero/freelancer.png), url(../images/shape/hero-shape.svg),#161625;
background-position: center center, center center;
background-size: 0px, cover;
background-repeat: no-repeat, no-repeat;
}
.counter-facts{
margin: 60px 0 0 0;
text-align: center;
}
.s-block { padding: 50px 15px;}
.mmt30{margin-top:30px;}
.singl-heripic{margin-top:30px;}
.itm-media-object h4 {
text-align: left;
}
.lead-gen-client .clients-logo {    margin: 0 10px;}
}
@media only screen and (max-width:767px) {
.about-freelance p{text-align:center;}
.about-lead-gen p{text-align:center;}
.why-choos-lg p{text-align:center;}
.why-choos-lg .media-body p{text-align:left;}
.follow-label h6 {  margin: 0 0px 10px 0px;}
.follow-label {display: block;text-align: center;}
.follow-label h6:after { content:none;}
.follow-label a { font-size: 20px;}
.tabs-layout .nav-tabs .nav-link {
padding: 12px 35px;
margin: 0 auto 10px
}
.tabs-layout .nav-tabs .nav-item {
margin-bottom: 5px;
display: contents
}
.about-statistics .statistics,
.form-blog {
margin-bottom: 30px
}
.order1 {
order: 1
}
.order2 {
order: 2
}
.pad-tb {
padding-top: 60px;
padding-bottom: 60px
}
.icon-set,
.opl ul li {
width: 50%
}
.email-subs-form button {
width: 55px;
height: 55px;
border-radius: 100px;
font-size: 0;
line-height: 55px;
padding: 5px;
text-align: center
}
.email-subs-form input {
width: 100%;
height: 65px;
padding: 0 30px
}
.shape-a1 {
bottom: -130px;
left: -50px
}
.shape-a2 {
bottom: -30px;
right: -70px
}
.portfolio-meta {
margin-top: 30px
}
.pr25 {
padding-right: 0!important
}
.form-blog {
background: #fafafb;
padding: 30px 15px
}

.image-div {margin: 0px auto;
    width: 156px;
    height: 165px;
    text-align: center;}
	.image-div img{width: 156px; max-width:156px;}
	.image-div img{ height:auto;}



}
@media (min-width:576px) {
.modal-dialog {
max-width: 400px;
margin: 1.75rem auto
}
}
@media only screen and (max-width:520px) {


.image-div {margin: 0px auto;
    width: 156px;
    height: 165px;
    text-align: center;}
	.image-div img{width: 156px; max-width:156px;}
	
	
.author-block .media,
.contact-details .media {
display: block
}
h1 {
font-size: 35px;
line-height: 47px
}
.bread-title h2,
h2 {
font-size: 28px;
line-height: 40px
}
h3 {
font-size: 25px;
line-height: 35px
}
h4 {
font-size: 20px;
line-height: 30px
}
h5 {
font-size: 18px;
line-height: 28px
}
h6 {
font-size: 16px;
line-height: 26px
}
.small .statistics span,
.statistics span {
font-size: 30px
}
.custom-control label {
font-size: 12px
}
.contact-details .media-body {
padding: 0;
margin: 20px 0 0
}
.shape-a1 {
bottom: -130px;
left: -150px
}
.filters .filter-menu li {
padding: 20px 12px
}
.comments-block .user-info h5 span {
font-size: 15px;
text-align: left;
float: none;
color: #6a6a8e;
display: block;
padding: 5px 0 0
}
.author-block .user-info {
margin: 15px 0 0
}
.replied {
padding-left: 0
}
}
@media only screen and (max-width:350px) {
.header-heading h1 {
font-size: 30px;
line-height: 40px
}
h2 {
font-size: 24px;
line-height: 32px
}
.info-card a {
font-size: 16px
}
.custom-btn {
padding: 0 14px!important;
line-height: 42px
}
.filters .filter-menu li {
font-size: 12px
}
.case-study4 .card-stats .statistics {
padding: 10px
}
.case-study4 .statistics h3 {
font-size: 15px;
margin: 10px 0 0
}
}