@media screen and (max-width:1400px){
.servicesBox.box4{right: -160px;}
}
@media screen and (max-width:1200px){
    span#cancleBtn{right: 20px; top: 15px;} 
	.discvoverBox a{max-width: 136px; height: 136px}
	.servicesBox.box1 {  left: 40px;}
	.servicesBox.box2 {  right: 60px;}
	.serviceArrow2 {   right: 0;}
    .whyChoosBox.centerBox:before, .whyChoosBox.centerBox:after{    left: -100px;width: 180px;}
    .whyChoosBox.centerBox:after{    right: -109px;  left: auto;}
    .servicesBox{width: 330px}
    .servicesCont li a{font-size: 13px}
    .servicesCont li {  margin: 4px 0;}
    .servicesImg { display: flex;  align-items: center;}
.servicesImg img {  width: 80%;        max-width: 120px;}
.servicesInner{left: 0}
.servicesBox.box4 {      right: 0;    }
}

@media screen and (max-width:990px){
    .joinBg p{padding: 0}
    .discvoverBox h4{font-size: 14px}
.discvoverBox a{max-width: 120px;     height: 120px;     padding: 0 10px;}
#services:after{display: none;}
    .servicesBox {position: relative; left: auto !important;right: auto !important;top: auto !important; width: 46%;
        margin: 15px 2%;}
 .serviceArrow1, .serviceArrow2, .serviceArrow3 {    display: none;}
 .servicesInner {  display: flex;  flex-wrap: wrap;        left: auto;}
.servicesCont { padding: 15px 15px;  width: 63%;   flex-shrink: 0;}
.servicesCont h3 {   font-size: 16px;   margin: 0 0 10px;}
.servicesCont li a{font-size: 13px}
section#discvover {
    padding: 50px 0;
}div#categorySlider {
    position: relative;
    padding: 0;
}.owl-nav.disabled {
    display: block !important;
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{bottom: 130px}
#services {
    height: auto;
    padding: 50px 0;
}#testinomial .owl-carousel {
    width: auto;
}#testinomial{padding: 50px 0}
footer h4 {  font-size: 19px;}
footer li a {  font-size: 16px;}
#banner.exploreBg .searchPanel {
    width: 660px;}
    .whyChoosBox{padding: 0}
    .whyChoosBox.centerBox:before, .whyChoosBox.centerBox:after {        left: -70px;        width: 120px;    }
        .whyChoosBox.centerBox:after {        right: -74px;        left: auto;    }
        .dashboarduserPanel a.btn.btn-primary {
    padding: 10px;
    min-width: 140px;
    font-size: 15px;
}.dashboarduserPanel img {
    display: block;
    margin: auto;
}
div#container {
    width: 100%;}
}


@media screen and (max-width:767px){
    #loginForm p {
    text-align: center;
    font-size: 14px;
}
    #login{background: #E5F8FF;}
    .locationFrom {
    flex-wrap: wrap;
}.locationFrom .form-control, .mapMarker{
    width: 100%;
    flex: auto;
    max-width: 100%;
}
    .aboutImg {
    max-width: 400px;
    margin: auto;
    display: block;
}
    button.navbar-toggler {
    width: auto;
}.settingPanel .card {
    margin: 0 0 20px;
}
    .greatFoundMsg .borderBtn{left: 30px;}
    .greatFoundMsg a.btn.btn-primary{right: 30px}
    .sidebarpanel{height:auto;}
    .dashboardInnerPage {
    min-height: auto;
}a.btn.borderBtn, .greatFoundMsg a.btn.btn-primary {
    font-size: 15px;
    padding: 10px 20px !important;
}
    .whyChoosBox.centerBox:before, .whyChoosBox.centerBox:after{display: none;}
        #banner.exploreBg .searchPanel {
        width: 100%;margin-top:40px;
    }
    #banner.exploreBg .searchBox {
    width: 100%;
}.pincode {
    width: 100%;
    text-align: left;
}#banner.exploreBg button.btn.searchbtn {
    width: 100%;
}#banner.exploreBg .searchPanelInner {
    height: auto;
    flex-wrap: wrap;
}#banner.exploreBg .searchPanelInner label {
    display: none;
} 
a.joinbtn {
    width: auto;
    padding: 0 10px;
    font-size: 13px;
}
.loginbtn {
    color: #fff;
    font-size: 15px;
    margin-right: 10px;
}.logo {
    display: block;
    width: 200px;
    padding: 0 20px;
}
header .dropdown-toggle{font-size: 16px}
.bannerTitle h1 { font-size: 35px;}
.bannerTitle {  margin-top: 70px;}
.searchPanel {  width: 500px;}
    .searchPanelInner input.form-control { width: 230px}
    #banner {
    height: auto; min-height: auto !important;
    padding-bottom: 50px;
}.discvoverInner {
    flex-wrap: wrap;
}.discvoverBox {
    width: 33.33%; padding: 10px;
}
    .discvoverBox a {
        max-width: 100%;
        height: 140px;
    }.servicesBox {
    width: 100%;
}.servicesBox .d-flex {  justify-content: space-between; align-items: center;}
.bottomFooter {    font-size: 13px;}
#banner.how-its-work{min-height: 280px;}
.workcontBox {   text-align: center;margin: 0 0 30px}
.workProcess:before,.workProcess .col-md-6:last-child:before{display: none;}
.workProcess .row:nth-child(2),.workProcess .row:nth-child(4) { flex-direction:column-reverse; }
.workProcess .row{ margin-bottom:30px; text-align: center; }
.workProcess .col-md-6:last-child {   padding-left: 0;   }
.requestBox {    margin: 0 0 10px;}
div#v-pills-tabContent{border: none; padding-left: 0;  min-height: auto;}
#service1Cont li,#service2Cont li,#service4Cont li,.radioGroup li{   padding-left: 0;}
.radioGroup li input[type=radio] {
    top: auto;
    position: relative;
    left: auto;
    margin-left: 10px;
    margin-right: 5px;
}
ul#suggestions {    margin: 15px 0;}
.mt-3.laststepclass {
    display: flex;
    justify-content: space-between;        padding-top: 15px;
}
.greatFoundBoxInner{width: 100%}
.greatFoundMsg{margin:20px 0 0}


}

@media screen and (max-width:580px){
    .modal-title{font-size: 18px}
    #payment-form {    width: 100%;}
    .buyCredit .form-check {font-size: 13px;}
    .buyCredit{padding:10px;}
    .buyCredit .btn.btn-primary{padding: 10px;font-size: 13px;}
    .formInner{padding: 15px}
    .leadsBadgeBox {
    flex-wrap: wrap;
}
    .greatFoundBoxInner > img {
    max-width: 200px;}
    .modal-body {  padding: 15px;}
    .professionalListInner .col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
}#replyModal p {  padding: 10px 0;}
    .nav-tabs{width:300px}
    .nav-tabs .nav-link{padding: 10px}
    .professionalBtn .btn{display: block;}
    .professionalBox{margin-bottom: 20px}
    .professionalImg{max-width: 130px}
    .card-body{padding:10px}
    .profileProfImg {line-height: 114px;
    width: 115px;
    height: 115px;}
    .welcomeDashboard {
    padding: 0;
}
.welcomeDashboard li{padding-left: 40px}
.welcomeDashboard ul{padding-right:0}
.welcomeDashboard li:before{    width: 30px;line-height: 31px; top: -2px; font-size: 16px;    height: 30px;}
a.joinbtn span {    display: none;}
.logo {width: 150px;       padding: 0 10px;    }

.searchPanelInner {   flex-wrap: wrap;height: auto;}
.searchPanelInner input.form-control {
        width: 100%;
    }
    .pincode input {
    width: 100%;
}button.btn.searchbtn {
    width: 100%;
}.joinBg .searchPanel, .faqBg .searchPanel {
    width: 100%;   }
#testinomial p{font-size: 18px; padding: 0 70px;}
.col-md-3.col-sm-6 {   text-align: center;}
.bottomFooter {   text-align: center;padding:10px 0}
.col-md-6.col-sm-6.text-end {   text-align: center !important;}




}

@media screen and (max-width:420px){
    #loginForm .d-flex {
    flex-wrap: wrap;
}
    .aboutBtn .btn {
    margin: 10px;
}
	.bannerTitle {
        margin-top: 40px;
    }
.titleOuter h2 {    text-align: center;    font-size: 28px;}
	    .discvoverBox {       width: 50%;       padding: 10px;    }
}