/*==========================1101==================*/

@media screen and (min-width : 1101px) and (max-width :1200px) {
.container{width:1050px !important; margin:0 auto; padding:0;}
.headerBotpart{ margin-top: 33px;}
ul.slimmenu li a {padding: 68px 0 34px;}
.top-logo { margin: 0 0 6px 12px; width: 126px;}
.banner-info { margin: 127px auto 0;}
h1.bannerH1  { font-size: 49px !important; line-height: 52px;}
h2.bannerH2  { font-size: 23px; margin-top: 3px !important;}
.carousel-control{width: 7% !important;}
.main-container { width: 1050px;}
.about-leftpanel { width: 49%;}
.about-photopanel { width: 528px;}
.download-app-leftpanel { margin-left: 5px; margin-top: 35px; width: 70%;}
.download-app-rightpanel { width: 460px;}
section#subscription-sec h1 { width: 71%;}
ul.subscription-pkg li {margin: 0 0 20px 35px;}
h3.subscrip-head {font-size: 29px;}

#Testimonials-slider-part { margin: 0; padding: 0; width: 1000px; float: left;}
ul.btnnav li{ margin: 0 25px 20px;}
ul.address { width: 56%;}
ul.address li:first-child{ width: 40%; margin-left: 15px; }

/*-------------------Inside page ---------*/
.insidebanner-info {margin: 7% auto 0;}
section#Find-relationship-sec h1{width: 82%;}
ul.inside-howitworks-link { width: 47%;}
p.whatisan-text { padding: 0 140px 15px;}
/*.Whats-photo {height: auto; width: 525px;}*/
.app-buttons { width: 81%;}


}


/*=======================================970px ===============================================*/
@media screen and (min-width : 970px) and (max-width :1100px) {
.container{width:950px !important; margin:0 auto; padding:0;}
h2 { font-size: 30px;}
.main-container { width: 950px;}
.headerBotpart{ margin-top: 28px;}
.top-logo { margin: 6px 0 0 12px; width: 135px;}
.banner-info { margin: 100px auto 0;}
h1.bannerH1 { font-size: 45px !important; line-height: 50px;}
h2.bannerH2 { font-size: 23px; margin-top: 3px !important;}
a.bnrbtn{height: 40px !important; width: 157px !important; line-height: 40px;}
.carousel-control{width: 6% !important;}
#featured-slider { margin-left: 25px; width: 950px;}
.featured-box {width: 210px;}
.featured-pic {width: 210px;}
.featured-box:hover .featured-pic img{ width: 210px; height: 210px;}
span.yellow-starpart { width: 57%;}
#defence-right-slider { margin-top: -160px; width: 950px; margin-left: 25px;}
#defence-right-slider .lSAction { right: 142px;}
.about-photopanel { width: 466px;}
.about-content h1::after {right: -20px; top: 29px; width: 90px;}
ul.terms { margin: 0 0 0 -9px;}

section#subscription-sec h1 { width: 77%;}
ul.subscription-pkg li {margin: 0 0 20px 28px;}
h3.subscrip-head {font-size: 26px;}

#Testimonials-slider-part .lSAction > .lSPrev { left: 83% !important;}
span.testinomi-name { padding-left: 23px;}
span.city-name { padding-left: 30px;}
.download-app-leftpanel { margin-left: 5px; margin-top: 35px; width: 70%;}
.download-app-rightpanel { width: 460px;}
.download-app-leftpanel h1 {font-size: 39px;}
.download-app-leftpanel h1::after { right: 39px; top: 28px; width: 74px;}
ul.address { width: 62%;}
ul.address li:first-child {width:37%; margin-left: 25px;}
ul.btnnav { width: 68%;}
ul.socialicon { width: 19%;}
ul.btnnav li { margin: 0 25px 20px;}
/*---------------Inside pages-------------------*/
section#inside-body-sec .dbl-brdr::after { width: 60% !important;}

.insidebanner-info {margin: 6% auto 0;}
.insidebanner-info-howitworks { width: 55%;}
.app-buttons { bottom: -55%; width: 61%;}
.app-buttons ul.apps-btn li { margin: 0 5px; width: 46%;}
section#Howitworks-sec h1 { width: 56%;}
section#Whatisan-sec h1 { width: 46%;}
section#Marlo-features-sec h1 {width: 57%;}
section#Find-relationship-sec h1 {width: 80%;}
section#Whyshould-you-use-sec h1 { width: 78%;}
.Whats-content h4 {width: 44%;}
ul.inside-howitworks-link { width: 52%;}
p.whatisan-text { padding: 0 80px 15px;}
.Whats-photo {height: auto; width: 475px;}
.Whats-content { padding: 35px 0 0 32px;}

/*-------------Our Lawyers ------------*/
.ourlawyers-toptext h1 {width: 52%;}
/*--------Signup---------*/
ul.inside-bnr-link { width: 45%;}

}


/*=============================================768px ===============================================*/
@media screen and (min-width : 768px) and (max-width : 969px) {
.container{width:740px !important; margin:0 auto; padding:0;}
h1 { font-size: 32px;}
h2 { font-size: 30px;}
h3 { font-size: 20px;}
.top-logo {  margin: 6px 0 0; width: 125px; position: relative;z-index: 99999;}
.headerBotpart{ margin-top: -34px; width: 100%; height:15px;}
.collapse-button {top: -34%}
ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
ul.slimmenu.collapsed li {background: #000;}
ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.sticky .headerBotpart { margin-top: -38px !important;}
.sticky .collapse-button { top: -23%;}
.sticky ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
.sticky ul.slimmenu.collapsed li {background: #000;}
.sticky ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
.sticky ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
.sticky ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.main-container { /*width: 740px;*/ float: left; width: 100%; }
/*.banner-text { top: 120px;}
.banner-text h1 { width: 40%;}
.banner-text h6 { font-size: 26px;}
.banner-doubleline { bottom: -19px;}*/

/*ul.terms li { min-height: 322px;}*/
.banner-info { margin:70px auto 0;}
h1.bannerH1 { font-size: 30px !important; line-height: 35px;}
h2.bannerH2 { font-size: 23px; margin-top: 3px !important;}
a.bnrbtn{height: 40px !important; width: 127px !important; line-height: 40px; font-size: 17px !important; margin-top: -10px;}
.carousel-control{width: 6% !important;}
.carousel:hover a.carousel-control.left { width: 30px; height: 30px; background: url("../images/left-arrow-small.png") left 0 no-repeat; }
.carousel:hover a.carousel-control.right { width: 30px; height: 30px; background: url("../images/right-arrow-small.png") left 0 no-repeat;  }  

a.more { font-size: 16px; margin: 7px auto;}
#featured-slider { margin-left: 25px; width: 740px;}
section#featured-sec h1::before { top: 19px; width: 89px;}
section#featured-sec h1::after{ top: 19px; width: 89px;}
.featured-box {width: 210px;}
.featured-pic {width: 210px;}
.featured-box:hover .featured-pic img{ width: 210px; height: 210px;}
span.yellow-starpart {width: 56%;}

#defence-right-slider { margin-top: -160px; width: 740px; margin-left: -5px;}
.homepicRow { width: 227px;}
.homepicRow:after { width:100%; height:62px;}
section#about-sec {padding: 32px 0 105px;}
#defence-right-slider .lSAction { right: 142px;}
.about-photopanel { width: 357px;}
.about-content h1::after {right: -20px; top: 29px; width: 90px;}
a.readmore { font-size: 17px; padding: 15px 26px; width: 130px;}
ul.terms { bottom: -73px;float: left;left: 0; margin: 0px 0 25px -9px; position: absolute; width: 487px;}
ul.terms li p {  font-size: 18px; line-height: 126%;}

section#ourservices-sec h1::before { top: 21px; width: 90px;}
section#ourservices-sec h1::after { top: 21px; width: 90px;}
section#ourservices-sec p { padding: 0 25px;}
#Testimonials-slider-part { width: 740px;}
.testimonial-box { height: 400px; margin-left: 115px; padding-top: 50px;  width: 516px;}
.testimonial-box::before { height: 257px; left:0; top: 70px; width: 490px;}
h6.testimoni { font-size:21px; margin: 116px 0 0 21px;}
h5.designation { margin: 33px 0 0 201px; width: 280px; float: left;}

section#subscription-sec h1 { width: 78%;}
section#subscription-sec h1::before {top: 20px; width: 90px;}
section#subscription-sec h1::after {top: 20px; width: 90px;}
ul.subscription-pkg li {margin: 0 0 20px 25px;}
h3.subscrip-head {font-size: 22px; letter-spacing: 0em;}
h2.rate {font-size: 40px;}
ul.subscription-pkg li a.readmore{width: 145px; padding: 10px 20px;}

section#testimonials-sec h1 { width: 50%;}
section#testimonials-sec h1::before { top: 21px; width: 90px;}
section#testimonials-sec h1::after { top: 21px; width: 90px;}
#Testimonials-slider-part .lSAction > .lSPrev { left: 83% !important;}
span.testinomi-name { padding-left: 23px;}
span.city-name { padding-left: 30px;}
.download-app-leftpanel { margin-left: 25px; margin-top: -12px; width: 67%;}
.download-app-rightpanel { width: 353px;}
.download-app-leftpanel h1 {font-size: 39px;}
.download-app-leftpanel h1::after {display: none; right: 39px; top: 28px; width: 74px;}
ul.apps-btn li { width: 176px;}
#footer-topart {padding: 67px 0;}
ul.btnnav { width: 84%;}
ul.btnnav li {margin: 0 23px 20px;}
ul.address { width: 78%; margin-left: 100px;}
ul.address li:first-child{width: 40%;}
ul.address li{width: 60%;}
ul.socialicon { width: 27%;}

/*---------------Inside pages-------------------*/
section#inside-body-sec .dbl-brdr::after { width: 60% !important;}
section#inside-body-sec .dbl-brdr h1{font-size: 36px;}

h1.insideh1 p{font-size: 66px; color: #FFF; text-align: center;}

h1.insideh1 {font-size: 66px;}
ul.inside-howitworks-link { width: 67%; margin: -2px auto 0;}
.dbl-brdr::after {top: 19px;}
.insidebanner-info {margin: 6% auto 0;}
.insidebanner-info-howitworks { width: 70%; margin: 6% auto 0;}
.app-buttons { bottom: -55%; width: 72%;}
.app-buttons ul.apps-btn li { margin: 0 5px; width: 46%;}
h1.insideh4 { font-size: 60px;}
section#Howitworks-sec { padding: 40px 0;}
section#Howitworks-sec .dbl-brdr::after { top: 19px; width: 45%;}
section#Howitworks-sec ul.getting-started li::after { right: -12px;}
section#Whatisan-sec { height: 100%; padding: 40px 0;}
section#Whyshould-you-use-sec { padding: 40px 0;}
section#Whyshould-you-use-sec .dbl-brdr::after {top: 20px; width: 63%;}
p.whyshould-text { padding: 0 90px 15px;}
section#Find-relationship-sec { padding: 40px 0;}
section#subscription-sec { padding: 40px 0;}
section#Marlo-features-sec { padding: 22px 0;}
section#Marlo-features-sec .dbl-brdr::after {top: 19px;}
.ourlawyers-toptext h1 { width: 55%;}
.ourlawyers-toptext h1::before { top: 19px; width: 84px;}
.ourlawyers-toptext h1::after { top: 19px; width: 84px;}
section#Marlo-features-sec h1 {width: 57%;}
section#Howitworks-sec h1 { width: 56%;}
section#Howitworks-sec h1::before { top: 19px; width: 84px;}
section#Howitworks-sec h1::after { top: 19px; width: 84px;}
section#Marlo-features-sec h1 {width: 57%;}
section#Find-relationship-sec h1 {width: 91%;}
section#Whyshould-you-use-sec h1 { width: 76%;}
section#Whatisan-sec h1{width: 50%;}
section#Whatisan-sec h1::before { top: 19px; width: 84px;}
section#Whatisan-sec h1::after { top: 19px; width: 84px;}
section#Whyshould-you-use-sec h1::before { top: 19px; width: 84px;}
section#Whyshould-you-use-sec h1::after { top: 19px; width: 84px;}
/*.Whats-content h4 {width: 54%;}
.Whats-content h4:after{width: 70px;}*/
/*section#Whats-sec .row + .row .Whats-content {padding-top: 15px;}*/
ul.getting-started li {width: 30%;}
ul.getting-started li p { line-height: 120%; padding: 0 5px !important;}
ul.getting-started li p >br{ display: none; }
p.whatisan-text { padding: 0 80px 15px;}
.Whats-photo {height: auto; width: 370px;}
.Whats-content { padding: 0px 0 0 15px;}
.Whats-content h4 {padding-bottom: 1px;}
.Whats-content a.readmore { margin-top: 1px; padding: 9px 19px; width: 156px;}
.features3row li {width: 30%;}
.features3row li h4 { font-size: 22px;}

/*----------Our Lawyers page-------------------*/
h1.insidehfaq { font-size: 40px; padding-top: 0;}
ul.ourlawyers-list li{width: 33%;}

/*---------Sign Up---------*/
ul.inside-bnr-link { width: 57%;}
}

/*----------------------------------640px========================================*/ 
@media screen and (min-width : 640px) and (max-width: 767px) {
.container{width:630px !important; margin:0 auto; padding:0;}
header { height: 97px;}
h1 { font-size: 35px;}
h2 { font-size: 30px;}
h3 { font-size: 20px;}
.top-logo {  margin: 6px 0 0 15px; width: 125px; z-index: 999;}
.headerBotpart{ margin-top: -34px; width: 100%; height:15px;}
.collapse-button {top: -34%}
ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
ul.slimmenu.collapsed li {background: #000;}
ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.sticky .headerBotpart { margin-top: -38px !important;}
.sticky .collapse-button { top: -23%;}
.sticky ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
.sticky ul.slimmenu.collapsed li {background: #000;}
.sticky ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
.sticky ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
.sticky ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.main-container { /*width: 740px;*/ float: left; width: 100%; }
/*.banner-text { top: 120px;}
.banner-text h1 { width: 40%;}
.banner-text h6 { font-size: 26px;}
.banner-doubleline { bottom: -19px;}*/
.banner-info { margin:40px auto 0;}
h1.bannerH1 { font-size: 25px !important; line-height: 27px;}
h2.bannerH2 { font-size: 20px; line-height: 22px; margin-top: -8px !important;width: 77%;float: none; margin: 0 auto;}
a.bnrbtn{height: 30px !important; width: 130px !important; padding: 0px !important; line-height: 30px !important; font-size: 17px !important; margin-top: -10px;}
.carousel-control{width: 6% !important;}
.carousel:hover a.carousel-control.left { width: 30px; height: 30px; background: url("../images/left-arrow-small.png") left 0 no-repeat; }
.carousel:hover a.carousel-control.right { width: 30px; height: 30px; background: url("../images/right-arrow-small.png") left 0 no-repeat;  }  

/*ul.terms li { min-height: 322px;}*/
a.more { font-size: 16px; margin: 7px auto;}
#featured-slider { margin-left: 35px; width: 630px;}
.featured-box {width: 250px;}
.featured-pic {width: 250px; height: 250px; }
.featured-pic img {width: 250px; height: 250px; }
.featured-box:hover .featured-pic img{ width: 250px; height: 250px;}
span.yellow-starpart {width: 56%;}
#featured-slider .lSSlideOuter .lSPager.lSpg { width: 93%;}
section#featured-sec h1{width: 70%;}
section#featured-sec h1::after{top: 20px; width: 90px;}
section#featured-sec h1::before{ top: 20px; width: 90px;}

#defence-right-slider { margin-top: -160px; width: 630px; margin-left: -5px;}
section#ourservices-sec h1::before{display: none;}
section#ourservices-sec h1::after{display: none;}
section#ourservices-sec p { padding: 0 40px;}
.homepicRow { width: 191px;}
.homepicRow:after { width:100%; height:62px;}
.text { top: 67%;}
.homepicRow:hover .overlay:after{ left:40%; top: 5%;}
#defence-right-slider .lSAction { right: 132px !important;}

.about-leftpanel {width: 100%; margin-left: 15px;}
.about-content h1 {width: 100%;}
.about-content h1::after{ display: none; }
.about-photopanel { width: 446px; float: none; margin: 0px auto; clear: both;}
.about-content h1::after {right: -20px; top: 29px; width: 90px;}
a.readmore { font-size: 17px; padding: 15px 26px; width: 130px;}
ul.terms { margin: -25px 0 55px -15px;}
ul.terms li p {  font-size: 18px; line-height: 126%;}

section#testimonials-sec { padding: 40px 0 20px;}
section#testimonials-sec h1::before{display: none;}
section#testimonials-sec h1::after{display: none;}
#Testimonials-slider-part { width: 630px;}
.testimonial-box { height: 400px; margin-left: 35px; padding-top: 50px;  width: 535px;}
.testimonial-box::before { height: 257px; left:0; top: 70px; width: 420px;}
h6.testimoni { font-size: 21px; margin: 88px 0 0 21px;}
h5.designation { margin: 53px 0 0 201px; width: 280px; float: left;}
h5.designation::before {background: rgba(0, 0, 0, 0) url("../images/invite-small.png") no-repeat scroll left 10px;
height: 42px; width: 32px;}

section#subscription-sec {padding: 40px 0;}
section#subscription-sec h1 { width: 78%;}
section#subscription-sec h1:before{display: none;}
section#subscription-sec h1:after{display: none;}
ul.subscription-pkg li {margin: 0 0 20px 20px; min-height: 343px;}
h3.subscrip-head {font-size: 22px; letter-spacing: 0em;}
h2.rate {font-size: 40px;}
ul.subscription-pkg li a.readmore{width: 145px; padding: 10px 20px;}

section#testimonials-sec h1 { width: 53%;}
section#testimonials-sec h1::before { top: 21px; width: 100px;}
section#testimonials-sec h1::after { top: 21px; width: 100px;}

#Testimonials-slider-part .lSAction { float: left; left: 82% !important; top: 91% !important; width: 100% !important;}
#Testimonials-slider-part .lSAction > .lSPrev { left: 8% !important; height: 32px !important; width: 32px !important;}
#Testimonials-slider-part .lSAction > .lSNext { height: 32px !important; width: 32px !important;}
span.testinomi-name { padding-left: 23px;}
span.city-name { padding-left: 30px;}

section#download-app-sec { padding: 56px 0px;}
.download-app-leftpanel { margin-left: 15px; margin-top: -12px; margin-bottom: 55px; width: 100%; position: relative; text-align: center;}
.download-app-rightpanel { width: 452px; clear: both; float: none; margin: 0 auto; position: relative;}
.download-app-leftpanel h1 {font-size: 39px; text-align: center; width: 100%;}
.download-app-leftpanel p{text-align: center;}
.download-app-leftpanel h1::after {display: none; right: 39px; top: 28px; width: 74px;}
ul.apps-btn { float: none; margin: 30px auto; width: 57%;}
ul.apps-btn li { width: 176px;}
#footer-topart {padding: 46px 0;}
ul.btnnav { width: 78%;}
ul.btnnav li {margin: 0 10px 20px;}
ul.address { width: 87%; margin-left: 44px;}
ul.address li:first-child{width: 40%;}
ul.address li{width: 60%;}
ul.socialicon { width: 30%;}

/*---------------Inside pages-------------------*/
section#inside-body-sec .dbl-brdr::after { width: 70% !important;}

h1.insideh1 p{font-size: 56px; color: #FFF; text-align: center;}
h1.insideh1 {font-size: 56px;}
ul.inside-howitworks-link { width: 78%; margin: -2px auto 0;}
.insidebanner-info {margin: 6% auto 0;}

.insidebanner-info-howitworks { width: 85%; margin: 6% auto 0;}
h1.insideh3 { font-size: 35px; text-align: center; }
.app-buttons { bottom: -53%; width: 90%;}
.app-buttons ul.apps-btn { float: none; margin: 30px auto; padding-left: 39px; width: 81%;}
.app-buttons ul.apps-btn li { margin: 0 5px; width: 45%;}
section#Howitworks-sec { padding: 40px 0;}
section#Howitworks-sec .dbl-brdr::after {top: 21px; width: 60%;}
section#Whatisan-sec { height: 100%; padding: 40px 0;}
#Howitworks-sec ul.getting-started { margin: 0 0 0 -25px; padding: 0; width: 111%;}
#Howitworks-sec ul.getting-started li::after { right: -9px !important;}
section#Whyshould-you-use-sec { padding: 40px 0;}
section#Whyshould-you-use-sec .dbl-brdr::after {top: 22px; width: 82%;}
p.whyshould-text { padding: 0 46px 15px;}
section#Find-relationship-sec { padding: 40px 0;}
section#subscription-sec { padding: 40px 0;}
section#Whyshould-you-use-sec h1 { width: 78%;}
section#Whyshould-you-use-sec h1::before { top: 19px; width: 54px;}
section#Whyshould-you-use-sec h1::after { top: 19px; width: 54px;}
section#Howitworks-sec h1 { width: 56%;}
section#Howitworks-sec h1::before { top: 19px; width: 54px;}
section#Howitworks-sec h1::after { top: 19px; width: 54px;}
section#Marlo-features-sec h1 {width: 57%;}
section#Find-relationship-sec h1 {width: 83%;}
section#Find-relationship-sec h1::before{top: 19px; width: 54px;}
section#Find-relationship-sec h1::after{ top: 19px; width: 54px; }
section#Whatisan-sec h1{width: 50%;}
section#Whatisan-sec h1::before { top: 19px; width: 54px;}
section#Whatisan-sec h1::after { top: 19px; width: 54px;}
section#Marlo-features-sec{ padding: 20px 0;}
section#Marlo-features-sec .dbl-brdr::after { top: 21px; width: 60%;}
/*section#Marlo-features-sec h1::before{top: 19px; width: 54px;}
section#Marlo-features-sec h1::after{top: 19px; width: 54px;}*/
section#Find-relationship-sec { padding: 40px 0;}
section#Find-relationship-sec .dbl-brdr::after{top: 20px; width: 85%;}
section#Whats-sec { padding: 58px 0;}
.Whats-content h4 {width: 54%;}
.Whats-content h4:after{width: 60px;}
section#Whats-sec .row + .row .Whats-content {padding-top: 15px;}
ul.getting-started li {width: 30%;}
ul.getting-started li p { line-height: 120%; padding: 0 5px !important;}
ul.getting-started li p >br{ display: none; }
ul.getting-started li h4 { font-size: 26px;}
p.whatisan-text { padding: 0 38px 15px;}
.Whats-photopart { width: 100%; float: none; margin: 0 auto; display: table;}
.Whats-photo {height: auto; width: 100%;}
.Whats-content { padding: 0px 0 30px 15px; width: 100%;}
.Whats-content h4 {padding-bottom: 1px;}
.Whats-content a.readmore { margin-top: 1px; padding: 9px 19px; width: 156px;}
.features3row li {width: 30%;}
.features3row li h4 { font-size: 22px;}

/*----------------*/
/*----------Our Lawyers page-------------------*/
h1.insideh4 { font-size: 53px; padding-top: 34px;}
.ourlawyers-toptext h1 { width: 51%;}
.ourlawyers-toptext h1:before{top: 19px; width: 54px;}
.ourlawyers-toptext h1:after{top: 19px; width: 54px;}
ul.ourlawyers-list li{width: 49%;}
section#ourlawyers-sec { padding: 24px 0;}
h1.insidehfaq { font-size: 35px; padding-top: 0;}

/*---------Sign Up---------*/
.insidebanner-info-signup {margin: 6% auto 0;}
h1.insideh2 {font-size: 30px;}
ul.inside-bnr-link { width: 69%;}
section#signup-sec { padding: 30px 0;}
.form-signup .col-sm-4 { clear: left;}
.select-selected:after {top: 54px; right: 40px;}
.select-selected.select-arrow-active:after {top: 44px;}
.select-items { top: 82px !important;}
}

/*==========================480px=====================================*/
@media screen and (min-width : 480px) and (max-width: 639px) {
.container{width:440px !important; margin:0 auto; padding:0;}
header { height: 97px;}
h1 { font-size: 31px;}
h2 { font-size: 25px;}
h3 { font-size: 18px;}
.top-logo {  margin: 6px 0 0 15px; width: 125px; z-index: 999;}
.headerBotpart{ margin-top: -34px; width: 100%; height:15px;}
.collapse-button {top: -34%}
ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
ul.slimmenu.collapsed li {background: #000;}
ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.sticky .headerBotpart { margin-top: -38px !important;}
.sticky .collapse-button { top: -23%;}
.sticky ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
.sticky ul.slimmenu.collapsed li {background: #000;}
.sticky ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
.sticky ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
.sticky ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.main-container { /*width: 740px;*/ float: left; width: 100%; }
.banner-info { margin:40px auto 0;}
h1.bannerH1 { font-size: 25px !important; line-height: 27px;}
h2.bannerH2 { font-size: 20px; line-height: 22px; margin-top: -8px !important;width: 77%;float: none; margin: 0 auto;}
a.bnrbtn{height: 30px !important; width: 130px !important; padding: 0px !important; line-height: 30px !important; font-size: 17px !important; margin-top: -10px;}
.carousel-control{width: 6% !important;}
.carousel:hover a.carousel-control.left { width: 30px; height: 30px; background: url("../images/left-arrow-small.png") left 0 no-repeat; }
.carousel:hover a.carousel-control.right { width: 30px; height: 30px; background: url("../images/right-arrow-small.png") left 0 no-repeat;  }  

section#featured-sec { padding: 38px 0;}
#featured-slider { margin-left: 10px; width: 440px;}
.featured-box {width: 210px;}
.featured-pic {width: 210px; height: 210px; }
.featured-pic img {width: 210px; height: 210px; }
.featured-box:hover .featured-pic img{ width: 210px; height: 210px;}
span.yellow-starpart {width: 56%;}
#featured-slider .lSSlideOuter .lSPager.lSpg { width: 93%;}
section#featured-sec h1::after{display: none;}
section#featured-sec h1::before{display: none;}

#defence-right-slider { margin-top: -160px; width: 440px; margin-left: -5px;}
section#ourservices-sec h1::before{display: none;}
section#ourservices-sec h1::after{display: none;}
section#ourservices-sec p { padding: 0 10px;}
.homepicRow { width: 191px;}
.homepicRow:after { width:100%; height:62px;}
.text { top: 67%;}
.homepicRow:hover .overlay:after{ left:40%; top: 5%;}
#defence-right-slider .lSAction { right: 132px !important;}

section#about-sec {padding: 40px 0 40px;}
.about-leftpanel {width: 100%; margin-left: 15px;}
.about-content h1 {width: 100%;}
.about-content h1::after{ display: none; }
.about-photopanel { width: 446px; float: none; margin: 0px auto; clear: both;}
.about-content h1::after {right: -20px; top: 29px; width: 90px;}
a.readmore { font-size: 17px; padding: 15px 26px; width: 130px;}
ul.terms { margin: -35px 0 55px -15px;}
ul.terms li p {  font-size: 18px; line-height: 126%;}

section#testimonials-sec { padding: 40px 0 20px;}
section#testimonials-sec h1::before{display: none;}
section#testimonials-sec h1::after{display: none;}
section#testimonials-sec p { padding: 0 12px 15px;}
#Testimonials-slider-part { width: 440px;}
.testimonial-box { height: 400px; margin-left: 5px; padding-top: 50px;  width: 440px;}
.testimonial-box::before { height: 257px; left:0; top: 70px; width: 330px;}
h6.testimoni { font-size: 21px; margin: 88px 0 0 21px;}
h5.designation { margin: 33px 0 0 180px; width: 280px; float: left;}
h5.designation::before {background: rgba(0, 0, 0, 0) url("../images/invite-small.png") no-repeat scroll left 10px;
height: 42px; width: 32px;}
.testimonial-photo {margin-right: 38px;}

section#subscription-sec{padding: 40px 0px;}
section#subscription-sec h1{width: 90%;}
section#subscription-sec h1:after,section#subscription-sec h1:before{display: none;}
ul.subscription-pkg li{ width: 85%; margin: 0px auto 15px; float: none; display: table; }
ul.subscription-pkg li:first-child { width: 85%; margin: 0px auto 15px; float: none; display: table; }
section#testimonials-sec h1 { width: 53%;}
section#testimonials-sec h1::before { top: 21px; width: 100px;}
section#testimonials-sec h1::after { top: 21px; width: 100px;}

#Testimonials-slider-part .lSAction { float: left; left: 82% !important; top: 91% !important; width: 100% !important;}
#Testimonials-slider-part .lSAction > .lSPrev { left: 10% !important; height: 32px !important; width: 32px !important;}
#Testimonials-slider-part .lSAction > .lSNext { height: 32px !important; width: 32px !important;}
span.testinomi-name { padding-left: 23px;}
span.city-name { padding-left: 30px;}

section#download-app-sec { padding: 56px 0px;}
.download-app-leftpanel { margin-left: 0px; margin-top: -12px; margin-bottom: 55px; width: 100%; position: relative; text-align: center;}
.download-app-rightpanel { width: 452px; clear: both; float: none; margin: 0 auto; position: relative;}
.download-app-leftpanel h1 {font-size: 39px; text-align: center; width: 100%;}
.download-app-leftpanel p{text-align: center;}
.download-app-leftpanel h1::after {display: none; right: 39px; top: 28px; width: 74px;}
ul.apps-btn { float: none; margin: 30px auto; width: 75%;}
ul.apps-btn li { width: 176px;}
#footer-topart {padding: 30px 0;}
ul.btnnav { width: 100%;}
ul.btnnav li {margin: 0 8px 20px 10px; font-size: 18px;}
ul.address{width:85%;}
ul.address li{width: 100%; float: none;margin: 0 auto 20px;}
ul.address li img.address-icon { margin: 2px 10px 0 0}
ul.address li:nth-child(1){margin-left: 100px;}
ul.address li:nth-child(2){margin-left: 38px;}
ul.address li h4 > br{ display: none; }
ul.socialicon { width: 43%; margin: 25px auto 0;}
#topcontrol {bottom: 10px !important; right: 19px !important;}


/*---------------Inside pages-------------------*/
section#inside-body-sec { padding: 31px 0;}
section#inside-body-sec .dbl-brdr::after {display: none;}

h1.insideh1 p{font-size: 41px; color: #FFF; text-align: center;}
h1.insideh1 {font-size: 41px;}
ul.inside-howitworks-link { width: 320px; margin: -2px auto 0;}
.insidebanner-info {margin: 6% auto 0;}

.insidebanner-info-howitworks { width:100%; margin: 6% auto 0;}
h1.insideh3 { font-size: 24px; text-align: center; }
.app-buttons { bottom: -53%; width: 80%;}
.app-buttons ul.apps-btn li { margin: 0 5px; width: 45%;}
section#Find-relationship-sec h1 {width: 83%;}
section#Find-relationship-sec h1::before{top: 19px; width: 54px;}
section#Find-relationship-sec h1::after{ top: 19px; width: 54px; }
section#Howitworks-sec {padding: 42px 0;}
section#Howitworks-sec h1 { width: 77%;}
section#Howitworks-sec .dbl-brdr::after { top: 19px; width: 72%;}
/*section#Howitworks-sec h1::before { top: 19px; width: 54px;}
section#Howitworks-sec h1::after { top: 19px; width: 54px;}*/
section#Marlo-features-sec { padding: 14px 0;}
section#Marlo-features-sec h1 {width: 78%;}
section#Marlo-features-sec .dbl-brdr::after { top: 19px; width: 77%;}
section#Find-relationship-sec h1 {width: 91%;}
section#Whatisan-sec h1{width: 62%;}
section#Whatisan-sec h1::before { top: 19px; width: 54px;}
section#Whatisan-sec h1::after { top: 19px; width: 54px;}

section#Marlo-features-sec h1::before{top: 19px; width: 54px;}
section#Marlo-features-sec h1::after{top: 19px; width: 54px;}
section#Find-relationship-sec { padding: 40px 0;}
section#Find-relationship-sec h1::before{ display: none; }
section#Find-relationship-sec h1::after{ display: none; }
/*section#Whats-sec { padding: 58px 0;}
.Whats-content h4 {width: 54%;}
.Whats-content h4:after{width: 60px;}
section#Whats-sec .row + .row .Whats-content {padding-top: 15px;}*/
section#Whyshould-you-use-sec { padding: 40px 0;}
section#Whyshould-you-use-sec h1 {width: 100%; margin: 0 auto 10px;}
section#Whyshould-you-use-sec h1:before { top: 19px; width: 44px;}
section#Whyshould-you-use-sec h1:after { top: 19px; width: 44px;}
p.whyshould-text { padding: 0 52px 15px;}
ul.getting-started li {width: 100%; border-bottom: 1px dotted #c6c6c6;}
ul.getting-started li::after{ display: none; }
ul.getting-started li p { line-height: 120%; padding: 0 90px !important;}
ul.getting-started li p >br{ display: none; }
ul.getting-started li h4 { font-size: 26px;}
p.whatisan-text { padding: 0 15px 15px;}
.Whats-photopart { width: 100%; float: none; margin: 0 auto; display: table;}
.Whats-photo {height: auto; width: 100%;}
.Whats-content { padding: 0px 0 30px 15px; width: 100%;}
.Whats-content h4 {padding-bottom: 1px;}
.Whats-content a.readmore { margin-top: 1px; padding: 9px 19px; width: 156px;}
.features3row li {width: 77%;}
.features3row li h4 { font-size: 22px;}

/*----------Our Lawyers page-------------------*/
h1.insideh4 { font-size: 41px; padding-top: 34px;}
.ourlawyers-toptext h1 { width: 67%;}
.ourlawyers-toptext h1:before{top: 19px; width: 54px;}
.ourlawyers-toptext h1:after{top: 19px; width: 54px;}
ul.ourlawyers-list {  margin: 0 0 0 -5px; width: 108%;}
ul.ourlawyers-list li{width: 50%;}
section#ourlawyers-sec { padding: 24px 0;}
h1.insidehfaq { font-size: 31px; padding-top: 0;}
.bs-example { margin: 20px 10px;}
/*---------Sign Up---------*/
.insidebanner-info-signup {margin: 6% auto 0; width: 100%;}
h1.insideh2 {font-size: 23px;}
ul.inside-bnr-link { width: 95%; margin: 0 auto;}
.signup-toptextpart { width: 87%;}
.form-signup .col-sm-4 { clear: left;}
.photoupload{float: left; border: 1px solid #575757; width: 100%;}
.select-selected:after {top: 54px; right: 40px;}
.select-selected.select-arrow-active:after {top: 44px;}
.select-items { top: 82px !important;}
.submit-signup { width: 35%;}
}


/*===============================360px ================================*/
@media screen and (min-width : 360px) and (max-width: 479px) {
.container{width:330px !important; margin:0 auto; padding:0;}
h1 { font-size: 29px;}
h2 { font-size: 23px;}
h3{font-size: 18px;}
header { height: 80px;}
.top-logo { width: 116px;margin-top: -5px; z-index: 999;}
.sticky .top-logo { width: 95px !important;}
.headerBotpart{ margin-top: -35px; width: 100%; height: 28px; z-index: 1}
.collapse-button {top: -24%}
ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
ul.slimmenu.collapsed li {background: #000;}
ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}
.sticky { height: 70px;}
.sticky .headerBotpart { margin-top: -29px !important;}
.sticky .collapse-button { top: -23%;}
.sticky ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
.sticky ul.slimmenu.collapsed li {background: #000;}
.sticky ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
.sticky ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
.sticky ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.main-container { float: left; width: 100%; }
.banner-info { margin:30px auto 0;}
h1.bannerH1 { font-size: 18px !important; line-height: 20px;}
h2.bannerH2 { font-size: 17px; line-height: 19px; margin-top: -8px !important;width: 77%;float: none; margin: 0 auto;}
a.bnrbtn{ display: none; height: 20px !important; width: 90px !important; padding: 0px !important; line-height: 25px !important; font-size: 14px !important; margin-top: -12px;}
.carousel-control{width: 8% !important;}
.carousel:hover a.carousel-control.left { width: 30px; height: 30px; background: url("../images/left-arrow-small.png") left 0 no-repeat; }
.carousel:hover a.carousel-control.right { width: 30px; height: 30px; background: url("../images/right-arrow-small.png") left 0 no-repeat;  }  

section#featured-sec { padding: 38px 0;}
#featured-slider { margin-left: 60px; width: 330px;}
.featured-box {width: 250px;}
.featured-pic {width: 250px; height: 250px; }
.featured-pic img {width: 250px; height: 250px; }
.featured-box:hover .featured-pic img{ width: 250px; height: 250px;}
span.yellow-starpart {width: 47%;}
#featured-slider .lSSlideOuter .lSPager.lSpg { width: 76%;}
section#featured-sec h1::after{display: none;}
section#featured-sec h1::before{display: none;}

#defence-right-slider { margin-top: -160px; width:330px; margin-left: 10px;}
section#ourservices-sec h1::before{display: none;}
section#ourservices-sec h1::after{display: none;}
section#ourservices-sec p { padding: 0 10px;}
.homepicRow { width: 300px;}
.homepic { width: 300px;}
.homepicRow:after { width:100%; height:62px;}
.overlay { bottom: 10px; top: 15px; width: 92%;}
.text { top: 67%;}
.homepicRow:hover .overlay:after{ left:40%; top: 15%;}
#defence-right-slider .lSAction { right: 132px !important;}

section#about-sec {padding: 40px 0 40px;}
.about-leftpanel {width: 93%; margin-left: 15px;}
.about-content h1 {width: 100%;}
.about-content h1::after{ display: none; }
.about-photopanel { width: 330px; float: none; margin: 0px auto; clear: both;}
.about-content h1::after {right: -20px; top: 29px; width: 90px;}
.about-content p { margin-bottom: 0px; padding-right: 0px;}
a.readmore { font-size: 17px; padding: 9px 17px; width: 130px;}
ul.terms { margin: -35px 0 55px -20px;}
/*ul.terms li {width: 100%;}*/
ul.terms li p {  font-size: 18px; line-height: 126%;}
ul.terms li:first-child::after{border:none; }
ul.terms li:last-child::after{border:none; }
section#testimonials-sec { padding: 40px 0 20px;}
section#testimonials-sec h1::before{display: none;}
section#testimonials-sec h1::after{display: none;}
section#testimonials-sec p { padding: 0 12px 15px;}
#Testimonials-slider-part { width: 350px;}
.testimonial-box { height: 400px; margin-left: 10px; padding-top: 10px; width:330px;}
.testimonial-box::before {display: none; height: 257px; left:0; top: 70px; width: 290px;}
.testimonial-photo { float: none; margin: 0 auto; display: table; width: 98px;}
h6.testimoni { font-size: 18px; margin: 18px 0 0 1px; min-height: auto;}
h5.designation { margin: 21px 0 0 77px; width: 280px; float: left;}
h5.designation::before {background: rgba(0, 0, 0, 0) url("../images/invite-small.png") no-repeat scroll left 10px;
height: 42px; width: 32px;}

section#subscription-sec{padding: 40px 0px;}
section#subscription-sec h1{width: 90%;}
section#subscription-sec h1:after,section#subscription-sec h1:before{display: none;}
ul.subscription-pkg li{ width: 100%; margin: 0px 0px 15px 0px; }
h3.subscrip-head {font-size: 29px;}
h2.rate {font-size: 40px; padding: 27px 0 20px;}
p.top-subscription-text {line-height: 24px;}

section#testimonials-sec h1 { width: 53%;}
section#testimonials-sec h1::before { top: 21px; width: 100px;}
section#testimonials-sec h1::after { top: 21px; width: 100px;}

#Testimonials-slider-part .lSAction { float: left; left: 40% !important; top: 91% !important; width: 100% !important;}
#Testimonials-slider-part .lSAction > .lSPrev { left: 13% !important; height: 32px !important; width: 32px !important;}
#Testimonials-slider-part .lSAction > .lSNext { height: 32px !important; width: 32px !important;}
span.testinomi-name { padding-left: 23px;}
span.city-name { padding-left: 30px;}

section#download-app-sec { padding: 56px 0px;}
.download-app-leftpanel { margin-left: 4px; margin-top: -12px; margin-bottom: 55px; width: 97%; position: relative; text-align: center;}
.download-app-rightpanel { width: 330px; clear: both; float: none; margin: 0 auto; position: relative;}
.download-app-leftpanel h1 {font-size: 28px; text-align: center; width: 100%;}
.download-app-leftpanel p{text-align: center;}
.download-app-leftpanel h1::after {display: none; right: 39px; top: 28px; width: 74px;}
ul.apps-btn { float: none; margin: 30px auto; width: 77%;}
ul.apps-btn li { width: 133px;}
#footer-topart {padding: 47px 0;}
img.bottom-logo { margin: -11px auto; width: 32%; padding-right: 10px;}
ul.btnnav { width: 100%;}
ul.btnnav li {font-size: 15px; margin: 0 4px 20px 9px;}
ul.address{width: 360px; margin-left: 22px;}
ul.address li{width: 100%; float: none;margin: 0 auto 20px;}
ul.address li img.address-icon { margin: 2px 10px 0 0}
ul.address li:nth-child(1){margin-left: 64px;}
ul.address li:nth-child(2){margin-left: 5px;}
ul.address li h4 > br{ display: none; }
ul.socialicon { width: 50%;}
ul.socialicon li{margin-top: -30px;}
#topcontrol {bottom: 44px !important; right: 19px !important; width: 30px;}

/*---------------Inside pages-------------------*/
section#inside-body-sec { padding: 31px 0;}
section#inside-body-sec .dbl-brdr::after {display: none;}

h1.insideh1 p{ font-size: 32px; color: #FFF; text-align: center; padding-top: 34px;}
h1.insideh1 {font-size: 32px;}
ul.inside-howitworks-link {margin: -2px 0 0 -38px; width: 268px;}
.insidebanner-info { margin: 1% auto 0; width: 100%;}

.insidebanner-info-howitworks { margin: 3% auto 0; width: 93%;}
h1.insideh3 { font-size: 22px; }
.app-buttons { bottom: -53%; width: 92%;}
.app-buttons ul.apps-btn li { margin: 0 5px; width: 45%;}
section#Find-relationship-sec h1 {width: 83%;}
section#Find-relationship-sec h1::before{top: 19px; width: 54px;}
section#Find-relationship-sec h1::after{ top: 19px; width: 54px; }

section#Whyshould-you-use-sec { padding: 40px 0;}
section#Whyshould-you-use-sec h1 {width: 100%; margin: 0 auto 10px;}
section#Whyshould-you-use-sec h1:before { top: 19px; width: 44px;}
section#Whyshould-you-use-sec h1:after { top: 19px; width: 44px;}
p.whyshould-text { padding: 0 14px 15px;}
section#Howitworks-sec { padding: 30px 0;}
section#Howitworks-sec h1 { width: 77%;}
section#Howitworks-sec h1::before { display: none; top: 19px; width: 54px;}
section#Howitworks-sec h1::after { display: none; top: 19px; width: 54px;}
section#Marlo-features-sec h1 {width: 78%;}
section#Find-relationship-sec h1 {width: 91%;}
section#Whatisan-sec { height: 100%; padding: 33px 0;}
section#Whatisan-sec h1{width: 62%; margin: 0 auto 8px;}
section#Whatisan-sec h1::before {display: none; top: 19px; width: 54px;}
section#Whatisan-sec h1::after { display: none;top: 19px; width: 54px;}
section#Whatisan-sec a.readmore { font-size: 15px; margin: 15px auto; padding: 7px 15px; width: 135px;}
section#Marlo-features-sec h1::before{display: none; top: 19px; width: 54px;}
section#Marlo-features-sec h1::after{display: none; top: 19px; width: 54px;}
section#Find-relationship-sec { padding: 40px 0;}
section#Find-relationship-sec h1::before{ display: none; }
section#Find-relationship-sec h1::after{ display: none; }
section#Whats-sec { padding: 58px 0;}
section#Marlo-features-sec {padding: 40px 0;}
.features3row { margin-top: 0;}
.Whats-content h4 {width: 54%;}
.Whats-content h4:after{width: 60px;}
section#Whats-sec .row + .row .Whats-content {padding-top: 15px;}
ul.getting-started li {width: 100%; border-bottom: 1px dotted #c6c6c6;}
ul.getting-started li::after{ display: none; }
ul.getting-started li p { line-height: 120%; padding: 0 39px !important;}
ul.getting-started li p >br{ display: none; }
ul.getting-started li h4 { font-size: 26px;}
p.whatisan-text { padding: 0 2px 15px;}
.Whats-photopart { width: 100%; float: none; margin: 0 auto; display: table;}
.Whats-photo {height: auto; width: 100%;}
.Whats-content { padding: 0px 0 30px 15px; width: 100%;}
.Whats-content h4 {padding-bottom: 1px;}
.Whats-content a.readmore { margin-top: 1px; padding: 9px 19px; width: 156px;}
.features3row li {width: 98%;}
.features3row li h4 { font-size: 22px;}

/*----------Our Lawyers page-------------------*/
h1.insideh4 { font-size: 32px; padding-top: 34px;}
.ourlawyers-toptext h1 { width: 67%;}
.ourlawyers-toptext h1:before{top: 19px; width: 54px; display: none;}
.ourlawyers-toptext h1:after{top: 19px; width: 54px; display: none;}

ul.ourlawyers-list { margin: 0 0 0 43px;}
ul.ourlawyers-list li{width: 100%;}
section#ourlawyers-sec { padding: 24px 0;}
#ourlawyers-body { margin-top: 20px;}
h1.insidehfaq { font-size: 25px; padding-top: 0;}
.bs-example { margin: 20px 10px;}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit; font-size: 16px; line-height: 20px;}
/*-------------Sign Up------------*/
.insidebanner-info-signup { margin: 3% auto 0; width: 100%;}
h1.insideh2 {font-size: 19px;}
section#signup-sec{padding: 25px 0px;}
.signup-toptextpart { width: 100%;}
ul.inside-bnr-link {margin: -2px 0 0 -19px; width: 260px;}
.form-signup .col-sm-4 { clear: left;}
.photoupload{float: left; border: 1px solid #575757; width: 100%;}
.select-selected:after {top: 54px; right: 40px;}
.select-selected.select-arrow-active:after {top: 44px;}
.select-items { top: 82px !important;}
.submit-signup { width: 47%; margin: 7px 0 5px 7px; padding: 10px 0;}
}
@media screen and (min-width : 375px) and (max-width: 375px) {
	ul.apps-btn { float: none;  margin: 30px auto; width: 74%;}
	ul.btnnav { width: 100%; padding-left: 8px;}
	ul.address { margin-left: 29px; width: 360px;}
}
@media screen and (min-width : 411px) and (max-width: 411px) {
	#featured-slider { margin-left: 82px; width: 330px;}
	ul.btnnav { width: 100%; padding-left: 26px;}
	ul.apps-btn { float: none; margin: 30px auto; width: 68%;}
	ul.address { margin-left: 48px; width: 360px;}
	ul.socialicon {width: 44%;}
}
@media screen and (min-width : 414px) and (max-width: 414px) {
	#featured-slider { margin-left: 82px; width: 330px;}
	ul.btnnav { width: 100%; padding-left: 26px;}
	ul.apps-btn { float: none; margin: 30px auto; width: 68%;}
	ul.address { margin-left: 48px; width: 360px;}
	ul.socialicon {width: 44%;}
}
@media screen and (min-width : 435px) and (max-width: 435px) {
	#featured-slider { margin-left: 82px; width: 330px;}
	ul.apps-btn { float: none; margin: 30px auto; width: 64%;}
	ul.btnnav { width: 100%; padding-left: 34px;}
	ul.address { margin-left: 63px; width: 360px;}
	ul.socialicon {width: 44%;}
}
/*=================================320px;=================================*/
@media screen and (min-width : 320px) and (max-width: 359px) {    
.container{width:280px !important; margin:0 auto; padding:0;}
h1 { font-size: 29px;}
h2 { font-size: 23px;}
h3{font-size: 18px;}
header { height: 80px;}
.top-logo { width: 116px;margin-top: -5px; z-index: 999;}
.sticky .top-logo { width: 95px !important;}
.headerBotpart{ margin-top: -35px; width: 100%; height: 28px;}
.collapse-button {top: -34%}
ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
ul.slimmenu.collapsed li {background: #000;}
ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}
.sticky { height: 70px;}
.sticky .headerBotpart { margin-top: -38px !important;}
.sticky .collapse-button { top: -23%;}
.sticky ul.slimmenu {width: 100%; float: left; margin-left: -20px;}
.sticky ul.slimmenu.collapsed li {background: #000;}
.sticky ul.slimmenu li a { font-size: 18px;padding: 8px 0 6px; color: #FFF !important; padding-left: 25px;}
.sticky ul.slimmenu li a:hover{color: #e7b20c !important;border-bottom: none !important;}
.sticky ul.slimmenu > li.current-menu-item > a {color: #e7b20c !important; border-bottom: none !important;}

.main-container { float: left; width: 100%; }
.banner-info { margin:20px auto 0;}
h1.bannerH1 { font-size: 16px !important; line-height: 18px;}
h2.bannerH2 { font-size: 16px; line-height: 18px; margin-top: -8px !important;width: 87%;float: none; margin: 0 auto;}
a.bnrbtn{ display: none; height: 20px !important; width: 90px !important; padding: 0px !important; line-height: 25px !important; font-size: 14px !important; margin-top: -12px;}
.carousel-control{width: 10% !important;}
.carousel:hover a.carousel-control.left { width: 30px; height: 30px; background: url("../images/left-arrow-small.png") left 0 no-repeat; }
.carousel:hover a.carousel-control.right { width: 30px; height: 30px; background: url("../images/right-arrow-small.png") left 0 no-repeat;  }  

section#featured-sec { padding: 38px 0;}
section#featured-sec h1{ width: 100%; }
#featured-slider { margin-left: 56px; width: 280px;}
.featured-box {width: 210px;}
.featured-pic {width: 210px; height: 210px; }
.featured-pic img {width: 210px; height: 210px; }
.featured-box:hover .featured-pic img{ width: 210px; height: 210px;}
span.yellow-starpart {width: 57%;}
#featured-slider .lSSlideOuter .lSPager.lSpg { width: 73%;}
section#featured-sec h1::after{display: none;}
section#featured-sec h1::before{display: none;}

#defence-right-slider { margin-top: -160px; width:300px; margin-left: 3px;}
#defence-right-slider .lSAction > .lSNext { height: 36px; left: 46px;width: 36px;}
#defence-right-slider .lSAction > .lSPrev{ height: 36px; left: 0px;width: 36px;}
#defence-right-slider .lSAction > .lSNext:hover { height: 36px; left: 46px;width: 36px;}
#defence-right-slider .lSAction > .lSPrev:hover{ height: 36px; left: 0px;width: 36px;}
section#ourservices-sec {padding: 30px 0 138px;}
section#ourservices-sec h1{width: 100%;}
section#ourservices-sec h1::before{display: none;}
section#ourservices-sec h1::after{display: none;}
section#ourservices-sec p { padding: 0 0px; line-height: 24px;}
.homepicRow { width: 270px;}
.homepic { width: 270px;}
.homepicRow:after { width:100%; height:62px;}
.overlay { bottom: 10px; top: 15px; width: 92%;}
.text { top: 67%;}
.homepicRow:hover .overlay:after{ left:40%; top: 15%;}
#defence-right-slider .lSAction { left: -23px !important;}
#defence-right-slider .lSAction { right: 142px !important;}

section#about-sec {padding: 40px 0 40px;}
.about-leftpanel {width: 100%; margin-left: 0px;}
.about-content h1 {width: 100%;}
.about-content h1::after{ display: none; }
.about-photopanel { width:280px; float: none; margin: 0px auto; clear: both;}
.about-content h1::after {right: -20px; top: 29px; width: 90px;}
.about-content p { margin-bottom: 0px; padding-right: 0px;}
a.readmore { font-size: 14px; padding: 9px 17px; width: 130px;}
ul.terms { margin: -35px 0 55px -6px;}
/*ul.terms li {width: 100%;}*/
ul.terms li p {  font-size: 18px; line-height: 126%;}
ul.terms li:first-child::after{border:none; }
ul.terms li:last-child::after{border:none; }

section#subscription-sec{padding: 40px 0px;}
section#subscription-sec h1{width: 100%; font-size: 24px;  margin: 0 auto 5px;}
section#subscription-sec h1:after,section#subscription-sec h1:before{display: none;}
ul.subscription-pkg li{ width: 100%; margin: 0px 0px 15px 0px; }
h3.subscrip-head {font-size: 25px;}
h2.rate {font-size: 40px; padding: 27px 0 20px;}
ul.subscription-pkg li a.readmore{width: 140px; padding: 9px 20px;}
ul.subscription-pkg li:hover a.readmore{width: 140px;}
p.top-subscription-text { line-height: 24px;}
section#testimonials-sec { padding: 40px 0 40px;}
section#testimonials-sec h1::before{display: none;}
section#testimonials-sec h1::after{display: none;}
section#testimonials-sec p { padding: 0 0px 15px;}
#Testimonials-slider-part { width: 280px;}
.testimonial-box { height: 400px; margin-left: 5px; padding-top: 10px; width:275px;}
.testimonial-box::before {display: none; height: 257px; left:0; top: 70px; width: 270px;}
.testimonial-photo { float: none; margin: 0 auto; display: table; width: 98px;}
h6.testimoni { font-size: 18px; margin: 18px 0 0 1px; min-height: auto;}
h5.designation { margin: 21px 0 0 55px; width: 280px; float: left;}
h5.designation::before {background: rgba(0, 0, 0, 0) url("../images/invite-small.png") no-repeat scroll left 10px;
height: 42px; width: 32px;}
section#testimonials-sec h1 { width: 53%;}
section#testimonials-sec h1::before { top: 21px; width: 100px;}
section#testimonials-sec h1::after { top: 21px; width: 100px;}

#Testimonials-slider-part .lSAction { float: left; left: 38% !important; top: 91% !important; width: 100% !important;}
#Testimonials-slider-part .lSAction > .lSPrev { left: 13% !important; height: 32px !important; width: 32px !important;}
#Testimonials-slider-part .lSAction > .lSNext { height: 32px !important; width: 32px !important;}
span.testinomi-name { padding-left: 17px;}
span.city-name { padding-left: 27px;}
#Testimonials-slider-part .lSAction { top: 99% !important;}

section#download-app-sec { padding: 56px 0px;}
.download-app-leftpanel { margin-left: 4px; margin-top: -12px; margin-bottom: 28px; width: 97%; position: relative; text-align: center;}
.download-app-rightpanel { width: 280px; clear: both; float: none; margin: 0 auto; position: relative;}
.download-app-leftpanel h1 {font-size: 28px; text-align: center; width: 100%;}
.download-app-leftpanel p{text-align: center;}
.download-app-leftpanel h1::after {display: none; right: 39px; top: 28px; width: 74px;}
ul.apps-btn { float: none; margin: 10px auto; width: 91%;}
ul.apps-btn li { width: 141px;}
#footer-topart {padding: 47px 0;}
img.bottom-logo { margin: -11px auto; width: 35%; padding-right: 15px;}
ul.btnnav { width: 100%;}
ul.btnnav li {font-size: 15px; margin: 0 5px 20px 1px;}
ul.address{width: 320px; margin-left: 23px; margin-top: -10px;}
ul.address li{width: 100%; float: left; margin: 0 0px 5px;}
ul.address li img.address-icon { margin: 9px 10px 0 0}
ul.address li:nth-child(1){margin-left: 42px; margin-bottom: 0px;}
ul.address li:nth-child(2){margin-left: -10px;}
ul.address li h4{font-size: 17px;}
ul.address li h4 > br{ display: none; }
ul.socialicon { width: 62%;padding-top: 68px; }
ul.socialicon li{margin-top: -30px;}
p.copyright { font-size: 15px;}
#topcontrol {bottom: 43px !important; right: 10px !important; width: 30px;}

/*---------------Inside pages-------------------*/
section#inside-body-sec { padding: 31px 0;}
section#inside-body-sec .dbl-brdr::after {display: none;}

h1.insideh1 p{ font-size: 27px; color: #FFF; text-align: center; padding-top: 20px;}
h1.insideh1 {font-size: 27px;}
ul.inside-howitworks-link {margin: -2px 0 0 -50px; width: 268px;}
.insidebanner-info {margin: 3% auto 0; width: 100%;}
.insidebanner-info-howitworks { width: 100%; margin: 6% auto 0;}
h1.insideh3 { font-size: 17px; text-align: center; }
.app-buttons { bottom: -53%; width: 80%;}
.app-buttons ul.apps-btn li { margin: 0 5px; width: 45%;}
section#Find-relationship-sec h1 {width: 83%;}
section#Find-relationship-sec h1::before{top: 19px; width: 54px;}
section#Find-relationship-sec h1::after{ top: 19px; width: 54px; }

section#Whyshould-you-use-sec { padding: 40px 0;}
section#Whyshould-you-use-sec h1 {width: 100%; margin: 0 auto 10px;}
section#Whyshould-you-use-sec h1:before { top: 19px; width: 44px; display: none;}
section#Whyshould-you-use-sec h1:after { top: 19px; width: 44px; display: none;}
p.whyshould-text { padding: 0 0px 15px;}
section#Howitworks-sec { padding: 30px 0;}
section#Howitworks-sec h1 { width: 77%;}
section#Howitworks-sec h1::before { display: none; top: 19px; width: 54px;}
section#Howitworks-sec h1::after { display: none; top: 19px; width: 54px;}
section#Marlo-features-sec h1 {width: 78%;}
section#Find-relationship-sec h1 {width: 91%;}
section#Whatisan-sec { height: 100%; padding: 33px 0;}
section#Whatisan-sec h1{width: 62%; margin: 0 auto 12px;}
section#Whatisan-sec h1::before {display: none; top: 19px; width: 54px;}
section#Whatisan-sec h1::after { display: none;top: 19px; width: 54px;}
section#Whatisan-sec a.readmore { margin: 15px auto; padding: 7px 10px; width: 130px;}
section#Marlo-features-sec { padding: 25px 0;}
.features3row { font-size: 14px !important; line-height: 38px; margin-top: 16px;}
/*section#Marlo-features-sec h1::before{display: none; top: 19px; width: 54px;}
section#Marlo-features-sec h1::after{display: none; top: 19px; width: 54px;}*/
section#Find-relationship-sec { padding: 40px 0;}
section#Find-relationship-sec h1::before{ display: none; }
section#Find-relationship-sec h1::after{ display: none; }

/*section#Whats-sec { padding: 35px 0;}
.Whats-content h4 {width: 54%;}
.Whats-content h4:after{width: 60px; display: none;}
section#Whats-sec .row + .row .Whats-content {padding-top: 15px;}*/
ul.getting-started li {width: 100%; border-bottom: 1px dotted #c6c6c6;}
ul.getting-started li::after{ display: none; }
ul.getting-started li p { line-height: 120%; padding: 0 20px !important;}
ul.getting-started li p >br{ display: none; }
ul.getting-started li h4 { font-size: 24px;}
p.whatisan-text { padding: 0 2px 15px;}
p.whatisan-text > br{display: none;}
.Whats-photopart { width: 100%; float: none; margin: 0 auto; display: table;}
.Whats-photo {height: auto; width: 100%;}
.Whats-content { padding: 0px 0 30px 15px; width: 100%;}
.Whats-content h4 {padding-bottom: 1px;}
.Whats-content a.readmore { margin-top: 1px; padding: 9px 19px; width: 135px;}
.features3row li {width: 98%;}
.features3row li h4 { font-size: 22px;}
/*----------Our Lawyers page-------------------*/
h1.insideh4 { font-size: 32px; padding-top: 22px;}
.ourlawyers-toptext h1 { width: 67%;}
.ourlawyers-toptext h1:before{top: 19px; width: 54px; display: none;}
.ourlawyers-toptext h1:after{top: 19px; width: 54px; display: none;}

ul.ourlawyers-list { margin: 0 0 0 43px;}
ul.ourlawyers-list li{width: 100%;}
section#ourlawyers-sec { padding: 24px 0;}
#ourlawyers-body { margin-top: 20px;}
h1.insidehfaq { font-size: 21px; padding-top: 0;}
.bs-example { margin: 20px 0px;}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit; font-size: 16px; line-height: 20px;}
/*--------------Sign Up--------------*/
.insidebanner-info-signup { margin: 3% auto 0; width: 100%;}
h1.insideh2 {font-size: 18px; line-height: 18px !important;}
section#signup-sec{padding: 25px 0px;}
.signup-toptextpart { width: 100%;}
ul.inside-bnr-link {margin: -2px 0 0 -34px; width: 260px;}
.form-signup .col-sm-4 { clear: left;}
.photoupload{float: left; border: 1px solid #575757; width: 100%;}
.select-selected:after {top: 54px; right: 40px;}
.select-selected.select-arrow-active:after {top: 44px;}
.select-items { top: 82px !important;}
.submit-signup { width: 47%; margin: 7px 0 5px 7px; padding: 10px 0;}
}

/*=================================240px;=================================

@media screen and (min-width : 240px) and (max-width: 319px) {
  .container{width:220px; margin:0 auto; padding:0;}

}