body {

    background-color: #f6f6f6;

}



@media screen and (min-width: 1601px) {

section {

    padding: 70px 0;

} 

}



@media screen and (min-width: 950px) {

    .crapclass, .crapclass-fluid, .header, section, .footer {

        max-width: 950px !important;

        margin-left: auto !important;

        margin-right: auto !important;

        float: none !important;

        clear: both !important;

    }

}





@media screen and (max-width:1199px) {

section {

    padding: 60px 0;

}



.crapclass, .crapclass-lg, .crapclass-md, .crapclass-sm {

    max-width: 100%;

    padding: 0 30px;

}



.contact_now .crapclass {

    max-width: 100%;

}



.contact_page .crapclass {

    max-width: 100%;

}



.contact-info {

    margin-right: 0px;

}



.contact-form {

    padding-right: 0px;

}



.contact_now::before {

    right: 0;

}



}



@media screen and (max-width:991px) {

.crapclass, .crapclass-lg, .crapclass-md, .crapclass-sm {

    max-width: 100%;

    padding: 0 25px;

}



.navigation ul li ul.submenu {

    position: initial;

    display: block;

    opacity: 1;

    visibility: visible;

}



.navigation ul li ul.submenu li a {

    width: 100%;

    padding: 8px 40px;

    color: var(--clr-black);

    background-color: transparent;

}



.navigation ul li a:hover, .navigation ul li.active a {

    background-color: var(--clr-black);

	border-bottom: 2px solid transparent;

	color: var(--clr-white);

}



.logo img {

    max-width: 65%;

}



.header-right ul li a {

    font-size: 16px;

}



.header {

    padding: 15px 0 0;

}



.mobilemenu {

    font-size: 30px;

    display: block;

    order: 1;

    float: right;

    margin-right: 30px;

    color: var(--clr-primary);

}

.navigation {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background-color: #fff;

    height: auto;

    z-index: 2;

    padding: 0;

    transition: 1.5s all;

    transform: translatex(-100%);

}

.navigation.is-active {

	transform: translateX(0%);

}



.navigation ul {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

}

.navigation ul li {

    margin: 0;

    width: 100%;

}

.navigation ul li:not(:last-child) {

    border-bottom: 1px solid #dc557a;

}

.navigation ul li ul.submenu li {

    border-top: 1px solid #dc557a;

}

.navigation ul li.active a {

    border-bottom: none; 

}

.navigation ul li a {

    font-size: 16px;

    width: 100%;

    padding: 10px 10px;

}



.banner-content h3 {

    font-size: 24px;

    line-height: 38px;

    margin-bottom: 10px;

}



.banner-content p {

    font-size: 20px;

    line-height: 30px;

}



.category_title h3 {

    font-size: 22px;

    line-height: 30px;

    padding-left: 15px;

}



.category_title {

    padding: 20px;

    min-height: 110px;

}



.category_form .form-group input[type="submit"] {

    padding: 8px 15px;

    font-size: 15px;

}



.category_form .form-group select, .category_form .form-group input{

    max-width: 135px;

    font-size: 15px;

    line-height: 22px;

}



.title h2 {

    font-size: 28px;

    line-height: 35px;

}



.primary-btn a{

	padding: 8px 15px;

    font-size: 15px;

    margin-bottom:10px;

}

.primary-btn.homet a{

	padding: 8px 15px;

    font-size: 15px;

    margin-bottom:20px;

}

.footer-box h4 {

    font-size: 20px;

    line-height: 40px;

}



.banner-title h1 {

    font-size: 34px;

}





.about-sec .title h2 {

    font-size: 30px;

    line-height: 40px;

}



.ser_process ul li h3 {

    font-size: 22px;

    line-height: 30px;

}



.ser_process ul li {

    padding-top: 25px;

}



.about-sec .left_side .img-effect-box::before {

    width: calc(100% - 100px);

    height: calc(100% - 100px);

}



.ser_process ul li h3 {

    font-size: 20px;

    line-height: 24px;

    margin-bottom: 8px;

}



.mission_statement .left_side {

    padding: 20px 20px;

}



.mission_statement .left_side .title h2 {

    font-size: 24px;

    line-height: 30px;

}



.about-sec .left_side:hover .img-effect-box::before{

	width: 100%;

    height: 100%;

}

.banner-content h2 {

    font-size: 28px;

    line-height: 40px;

}



.get-started  .left_side {

    padding: 30px;

}



.plan_detail_colm h4 {

    font-size: 22px;

    line-height: 40px;

	padding-bottom: 10px;

}



.testimonial_colm {

    padding: 25px;

    min-height: 300px;

}



.title h3 {

    font-size: 24px;

    line-height: 30px;

}



.faq_accordions {

    padding: 30px 20px;

}



.faq_accordions .card .card-header button.btn.btn-link {

    font-size: 17px;

    line-height: 24px;

}



.faq_accordions .card {

    margin-bottom: 25px;

    padding: 20px;

}



.contact-info {

    padding: 45px 35px;

}



.contact_page .title h2 br {

    display: none;

}



.login_now {

    width: 60%;

}



.faq_accordions::before {

    left: 0;

}



.banner-text-box p br{

    display: none;

}



.ser_process ul li {

    padding-right: 0px;

}



.ser_process ul li h3{

    padding-right: 0px;

}



.text_summary p br {

    display: none;

}



.faq_page .title h3 br{

    display: none;

}



.faq-inner {

    padding-right: 0;

}



.plan_detail_colm p br {

    display: none;

}



.login_now .contact-form .form-group {

    margin-bottom: 20px;

}
.login_now .contact-form input[type="checkbox"] {
    margin: 0 0px 0px -10px
}



.sample_list_detail {

    padding: 25px;

}



.sample_list_detail ul li .des_sec {

    width: 65%;

}



.sample_list_detail ul li .img_bx {

    width: 150px;

}



.sample_list_detail ul li:nth-child(3) {

    width: 440px;

}



.sample_list_detail ul li p a {

    word-break: break-all;

}



.sample_list_colm.without_logo_listing .sample_list_detail ul li:nth-child(1) {

    width: 150px;

}



.sample_list_colm.without_logo_listing .sample_list_detail ul li:nth-child(2) {

    width: 334.77px;

}



.sample_list_colm.without_logo_listing .sample_list_detail ul li:nth-child(3) {

    width: 223px;

}



}



@media screen and (max-width:767px) {

section {

    padding: 50px 0;

}



.banner-content h3 {

    font-size: 22px;

    line-height: 35px;

}



.banner-content p {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 30px;

}



.category_title {

    min-height: auto;

}



.category_form .form-group select, .category_form .form-group input {

    max-width: 100%;

	margin: 7px;

}



.category_form .form-group input[type="submit"] {

    margin: 0;

}



.img-effect-box::before {

    height: calc(100% - 100px);

    width: calc(100% - 100px);

}



.title h2 {

    font-size: 24px;

    line-height: 30px;

}



.footer_now {

    padding: 30px 0;
    height: auto;

}



.footer_logo {

    padding: 0;

}



.footer-box {

    margin: 10px 0;

}



.footer_now .footer_top {

    padding-bottom: 10px;

}



.banner-title h1 {

    font-size: 30px;

}



.banner-content h2 {

    font-size: 26px;

    line-height: 30px;

}



.banner-content h5 {

    font-size: 17px;

    line-height: 24px;

}



.plan_detail_colm h4 {

    font-size: 20px;

    line-height: 30px;

}

.plan_detail_colm .dark_bg {

    padding: 12px;

}



.plan_detail_colm .light_bg {

    padding: 15px 15px;

}



.testimonial_colm {

    height: auto;

    padding: 25px;

    min-height: auto;

}



.faq_accordions {

    padding: 30px 0;

}



.faq_accordions .card {

    margin-bottom: 20px;

    padding: 15px;

}



.title h3 {

    font-size: 22px;

    line-height: 28px;

}



.faq_accordions .right_sidebar {

    margin-top: 30px;

}



.contact-info {

    padding: 30px 25px;

    margin-bottom: 40px;

}



.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea, .contact-form select, .contact-form input[type="password"] {

    padding: 0 10px;

    font-size: 15px;

}



.login_now {

    width: 80%;

}



.cart_detail_page .cart_totals {

    width: 100%;

}



.sample_list_detail ul {

    display: block;

}



.sample_list_detail ul li .des_sec {

    width: 100%;

    margin: 25px 0;

}



.sample_list_detail ul li:nth-child(3) {

    width: auto;

}



.sample_list_detail ul li .img_bx {

    width: 150px;

}



.sample_list_colm.without_logo_listing .sample_list_detail ul {

    display: block;

}



.sample_list_colm.without_logo_listing .sample_list_detail ul li:nth-child(2) {

    width: 100%;

    margin: 25px 0;

}



.sample_list_colm.without_logo_listing .sample_list_detail ul li:nth-child(3) {

    width: auto;

}





}



@media screen and (max-width:575px) {

section {

    padding: 40px 0;

}



p {

    font-size: 15px;

    line-height: 22px;

}



.crapclass, .crapclass-lg, .crapclass-md, .crapclass-sm {

    max-width: 100%;

    padding: 0 20px;

}



.logo {

    width: 50%;

}



.logo img {

    max-width: 100%;

}



.banner-content h3 {

    font-size: 20px;

    line-height: 30px;

}



.banner-content p {

    font-size: 16px;

    line-height: 26px;

}



.category_title {

    padding: 15px;

}



.category_title h3 {

    font-size: 20px;

    line-height: 30px;

}



.category_form .form-group select, .category_form .form-group input {

    font-size: 14px;

    line-height: 20px;

    height: 35px;

    padding: 0 10px;
    margin: 7px 0;
    width: 154px;

}



.category_form .form-group input[type="submit"] {

    margin: 0;

    height: 35px;

    padding: 0px 15px;

}



.title h2 {

    font-size: 24px;

}



.banner-title h1 {

    font-size: 26px;

}



.banner_now.inner-banner p {

    margin: 0;

    font-size: 16px;

    line-height: 24px;

}



.banner_now.inner-banner .banner-img {

    margin-top: 20px;

}



.about-sec {

    padding: 30px 0;

    margin: 40px 0;

}



.about-sec .title {

    margin: 0;

}



.about-sec .title h2 {

    font-size: 24px;

    line-height: 30px;

}



.banner_now.inner-banner p {

    font-size: 15px;

    line-height: 22px;

}



.ser_process ul li h3 {

    font-size: 18px;

    line-height: 24px;

}



.banner-content h2 {

    font-size: 22px;

}



.banner-content h5 {

    font-size: 16px;

    line-height: 24px;

}



.plan_detail_colm h4 {

    font-size: 18px;

    line-height: 28px;

}



.plan_detail_colm ul li h5 {

    font-size: 16px;

    line-height: 22px;

}

.title h3 {

    font-size: 20px;

    line-height: 26px;

}



.faq_accordions .card .card-header button.btn.btn-link {

    font-size: 16px;

}

.faq_accordions .card .card-body p {

    font-size: 15px;

    line-height: 22px;

}



.contact_now::before {

    width: 100%;

    right: 0;

}



.contact-form textarea {

    min-height: 120px;

    padding: 10px 10px;

}



.contact-form input[type="submit"] {

    padding: 8px 10px;

    font-size: 15px;

}



.login_now {

    width: 100%;

	padding: 20px;

}
.field_set.justify-content-md-center.row {
    justify-content: center;
}

.testislider .owl-nav.disabled + .owl-dots
{
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 35px;
}
.mt-50 {
    margin-top: 25px;
}
.registration_now {

    padding: 15px;

}



}





@media screen and (max-width:479px) {

section {

    padding: 35px 0;

}



.crapclass, .crapclass-lg, .crapclass-md, .crapclass-sm {

    max-width: 100%;

    padding: 0 15px;

}



.mobilemenu {

    font-size: 25px;

}



.top_menu {

    display: block;

}



.logo {

    width: 70%;

    margin: 0 auto;

}



.header-right ul {

    justify-content: center;

}



.header-right ul li {

    margin: 0 5px 10px;

}



.header-right ul li a {

    font-size: 15px;

}



.category_title h3 {

    font-size: 18px;

}



.category_form .form-group label {

    font-size: 15px;

}



.title h2 {

    font-size: 22px;

}



.footer-box h4 {

    font-size: 18px;

    line-height: 38px;

}



.copyright p {

    font-size: 14px;

    line-height: 20px;

}



.banner_now.inner-banner p {

    margin: 5px 0;

}



.mission_statement .left_side .title h2 {

    font-size: 22px;

    line-height: 26px;

}



.get-started {

    padding: 0px;

}



.get-started  .left_side {

    padding: 20px;

}



.get-started .left_side ul li {

    font-size: 15px;

    line-height: 22px;

}



.testimonial_colm {

    padding: 20px;

    margin-bottom: 35px;

}



.title h3 {

    font-size: 18px;

    line-height: 24px;

}



.contact_now {

    padding: 30px 0;

}



.contact-info ul li {

    margin: 20px 0;

}



.contact-info ul li h5 {

    font-size: 18px;

}



.contact-info ul li p, .contact-info ul li a {

    font-size: 15px;

    line-height: 22px;

}



.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea, .contact-form select, .contact-form input[type="password"] {

    font-size: 14px;

}



.contact-form textarea {

    min-height: 100px;

}









}



@media screen and (max-width:359px) {

.title h2 {

    font-size: 20px;

}	

}