/*
Theme Name: Custom A Design
Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.
https://codex.wordpress.org/Right-to-Left_Language_Support
*/

html, body {
    max-width: 2560px;
    margin: 0 auto;
    overflow-x: hidden;
}

@media (max-width: 1024px) {	
	section#services.services .service--featured-image {
	    width: 50%;
	}

	article#post-169 .contact_col.c_form div#input_1_8 {
	    margin-left: 0;
	}
	article#post-169  section#contactus .site-info {
	    padding: 10px;
	}
	article#post-135 .products_cont .tab-pane .prod_items {
    	width: 48%;
	}

	div#landing-page .banner-text h2 {
	    font-size: 35px;
	}

	div#landing-page .landing-footer h2 {
	    font-size: 60px;
	}

	div#landing-page p.p1,
	div#landing-page p.p2,
	div#landing-page .landing-percent p.sub-txt {
	    font-size: 25px;
	}
}

@media (max-width: 960px) {
	.top_nav .nav-cont {
	    flex: none;
	    max-width: 100%;
	}

	nav.menu-on-scroll #primary-menu li {
	    padding-left: 10px;
	    padding-right: 10px;
	}

	.banner .home-slider--title strong {
	    font-size: 45px;
	}
	.banner .home-slider--title {
	    font-size: 25px;
	}

	div#landing-page .landing-tabs-item {
	    font-size: 15px;
	}

	div#landing-page p.p1,
	div#landing-page p.p2 {
	    font-size: 20px;
	    width: 95%;
	}

	div#landing-page .lanrewards-box {
	    height: 250px;
	    width: 250px;
	}
}



@media (max-width: 768px) {
	header#masthead .top_nav .nav-cont {
	    display: none;
	}

	header#masthead .h_social {
	    flex: none;
	    max-width: 100%;
	    text-align: center;
	}
	
	.banner .home-slider--items .logo--desktop{
	    top: 0;
	}

	.banner .home-slider--caption {
	    top: 200px;
	    max-width: 100%;
	}


	.banner .home-banner-slider .item.slick-slide,
	.banner .home-slider--items {
	    height: 750px;
	}

	body #wprmenu_menu_ul {
	    margin-top: 0;
	    height: 1024px;
	}

	div#content .featured-section--featured-image {
	    width: 50%;
	}

	div#page .loginout {
	    flex: none;
	    max-width: 100%;
	    text-align: center;
	}
	.modal .modal-dialog {
	    top: 25px;
	    padding: 10px;
	}
	article#post-135 .products_cont ul.nav.nav-pills button {
		font-size: 12px;
		padding: 5px 0px;
		background: #DE0706;		
		border: none;
	}

	div#landing-page .landing-banner .banner-text {
	    top: 5%;
	}
}

@media (max-width: 736px) {

	div#landing-page .banner-text h2 {
	    font-size: 30px;
	}

	div#landing-page .landing-banner .banner-image .img-fluid {
	    height: 250px;
	    object-fit: cover;
	}

	div#landing-page .landing-tabs-cont {
	    position: relative;
	    top: -50px;
	}
	
	.landing-logo img {
	    width: 50%;
	    margin: 0 auto;
	    display: block;
	}

	div#landing-page  .landing-tabs-item {
	    font-size: 20px;
	    padding: 10px 0;
	}

	div#landing-page .det-prescription {
	    width: 100%;
	    text-align: center;
	}


	div#landing-page .landing-percent.text-right h2 {
	    text-align: center;
	    margin-top: 25px;
	}

	div#landing-page .landing-percent.text-right p {
	    text-align: center;
	}

	div#landing-page .det-prescription a {
	    width: 100%;
	}

	article#post-135 .products_cont .tab-pane .prod_items {
	    width: 100%;
	}

	section#services.services .service--featured-image {
	    width: 100%;
	}

	section#services .services--service {
	    margin-bottom: 25px;
	}



	.banner .home-slider--items .logo--desktop .img-fluid {
		width: 75%;
		margin-top: 25px;
	}

	.landing-head a {
	    display: block;
	    text-align: center;
	    margin: 5px 0px;
	}
	
	.banner .site-branding {
    	text-align: center;
	}

	.banner .home-slider--caption {
	    top: 150px;
	    max-width: 100%;
	}

	.banner .home-slider--title strong {
	    font-size: 30px;
	}

	.banner .home-slider--title {
	    font-size: 18px;
	}

	.banner  .home-slider--content {
	    margin: 15px auto;
	    font-size: 16px;
	}

	.banner .home-banner-slider .item.slick-slide,
	.banner .home-slider--items {
	    height: 600px;
	}

	.banner .home-slider--items .button-main {
	    bottom: 200px;
	}
	article#post-163 .news_item .item_txt {
	    padding-top: 0;
	}
	article#post-163 .img-fluid {
	    width: 100%;
	}
	footer#colophon .footer--social-links-wrapper a {
	    font-size: 20px;
	}
	footer#colophon .footer--social-links-wrapper {
    	padding: 5px!important;
    	padding-top: 10px!important;
	}
}


@media (max-width: 667px) {
	article#post-169 .contact-details {
	    width: 30%;
	    margin-bottom: 25px;
	}

	div#content .inner-banner h1.page-title {
	    font-size: 35px;
	    padding: 30px 0px 60px;
	    width: 90%;
	}
}

@media (max-width: 568px) {
	.banner .home-slider--caption {
	    top: 100px;
	}
	section.latest .section-content.latest--contents {
	    height: auto;
	}
	section.latest  .latest--posts {
	    margin-bottom: 25px;
	}
	article#post-169 .contact-details {
	    width: 48%;
	    margin-bottom: 25px;
	}

	.modal .modal-dialog {
	    top: 35px;
	}

	article#post-135 .nav-justified .nav-item {
	    -ms-flex-preferred-size: 0;
	    flex-basis: auto;
	    -webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	    flex-grow: 0;
	    width: 56px;
	    display: inline-block;
	}

}

@media (max-width: 480px) {
	.banner .home-slider--title strong {
	    font-size: 24px;
	}
	.banner .home-slider--content {
	    font-size: 14px;
	}

	div#content .button-main {
	    font-size: 12px;
	    padding: 10px;
	}
	.banner .home-slider--items .button-main {
	    bottom: 155px;
	}

	section#services .services--main-wrapper {
	    padding: 10px;
	}

	div#content section#services .service--main-content--wrapper {
	    padding: 10px;
	}


	div#content section.inner-banner {
	    height: auto;
	    margin-bottom: 25px;
	}
	article#post-169 .contact-details {
	    width: 100%;
	    margin-bottom: 25px;
	    text-align: center;
	}

	article#post-169 .entry-content div#gform_wrapper_1 input#gform_submit_button_1 {
	    padding: 10px;
	    width: 100%;
	}

	div#landing-page .banner-text h2 {
	    font-size: 25px;
	    width: 95%;
	    margin: 0 auto;
	}

	div#landing-page .banner-text p {
	    font-size: 20px;
	    margin: 0;
	}
}

@media (max-width: 375px) {
	article#post-169 .contact_col.c_form div#input_1_8 {
	    margin-left: 0;
	    transform: scale(.9);
	    transform-origin: 0 0;
	}

	div#landing-page .landing-banner .banner-text {
	    top: 15%;
	}
}