/*
Theme Name: 	Tawakkal Child
Author: 		PNC Logos
Author URI: 	http://pnclogos.com
Description:	Child Theme for Tawakkal - Premium WordPress Theme
Template:		tawakkal
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

select.orderby {
    width: 200px !important;
    padding-left: 10px !important;
}
section.related.products > h3 {
    padding: 0px 0px 15px 20px;
}

.slidr_heading span{
    color: #0090D9 !important;
}
.top_bar_right_wrapper {
    position: relative;
    top: -10px;
}
div#Top_bar {
    top: 20px !important;
}
div#Top_bar.is-sticky {
    top: 0px !important;
}
#Top_bar.is-sticky .top_bar_right_wrapper {
    position: relative;
    top: -5px;
}
p,h1,h2,h3,h4,h5,h6,a.buttom{
    margin: 0px !important;
}

a#myaccount_button {
    display: none !important;
}
a#header_cart {
    display: none !important;
}

.header-transparent #Top_bar #logo {
    padding: 15px 0px !important;
}

/* #Top_bar.is-sticky .menu_wrapper .menu > li > a {
    padding: 5px 0px 0px 0 !important;
} */
#Top_bar.is-sticky {
    background-color: #001c5b75 !important;
    padding-bottom: 15px !important;
}
#Top_bar.is-sticky .menu_wrapper {
    left: 90px !important;
}

#Top_bar .menu > li > a {
    padding: 12px 0 !important;
}
#Top_bar .menu > li > a {
    font-weight: 700 !important;
}
#Top_bar .logo{
	max-width: 21%;
	width: 100%;
}
#Top_bar .top_bar_right .top_bar_right_wrapper > a:last-child {
    margin-right: 0;
    background: #001C5B !important;
    border: #001C5B !important;
}

#Top_bar .menu_wrapper {
	max-width: 74%;
	width: 100%;
    left: 0px !important;
    position: relative !important;
}
#Top_bar #menu{
	background-color: transparent;
}

.menu-line-below #Top_bar .menu > li > a:after {
    top: 63%;
    bottom: 0px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.menu-line-below #Top_bar.is-sticky .menu > li > a:after {
    bottom: 0 !important;
    top: 65% !important;
}

.about {
    padding: 126px 0px;
}
.about h6{
    color: #0090D9 !important;
}
.about_right{
    padding-left: 60px;
}
.about_right p {
    padding: 48px 70px 48px 0px;
    color: #26262670 !important;
}
.blog_slider_header {
    display: none !important;
}
.product_sec{
    padding: 40px 0px 105px 0px;
}
.product_heading{
    padding-top: 79px;
}
.product_heading .prod_btn{
    background: transparent !important;
    border: solid #0090D9 1px !important;
    color: #0090D9 !important;
}
/*.product1, .product2, .product3, .product4 {
    padding: 15px;
}*/
.home_slider  .desc h4 a{
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    color:#001c5b !important;
}
    
.home_slider .desc {
    background: transparent !important;
    padding: 15px 0px !important;
}

.productBoxCus{
    padding: 15px;
}
.product1 img, .product2 img, .product3 img, .product4 img {
    width: 100%;
}
.product1 h6, .product2 h6, .product3 h6, .product4 h6 {
    padding-top: 20px;
}
.vision_sec{
    padding: 110px 0px ;
}
.vision_right{
    padding-left: 60px;
}
.vision_right h2 {
    padding-bottom: 39px;
}
.vision_right p {
    font-size: 18px !important;
}
.vision_right a.button {
    margin-top: 58px !important;
}
aside#custom_html-2 .brand_sec {
    display: flex;
    justify-content: space-between;
    background: #B3DEF1;
    border-radius: 20px;
    align-items: center;
    padding: 50px;
}
.title h4 {
    color: #000000 !important;
}
.brands img{
    padding-right: 28px;
}
.brands img:last-child {
    padding: 0px;
}
.get_touch {
    padding: 70px 0px 0px 0px;
}

.get_touch ul {
    display: flex;
    column-gap: 210px;
}
.get_touch ul li img {
    padding-right: 17px;
}
.get_touch p.big, .branch2 p.big, .branch3 p.big {
    padding-bottom: 18px;
    color: #fff !important;
}
.get_touch hr {
    background: rgba(255,255,255,0.2);
    margin: 48px 0px 52px 0px !important;
}
.branches {
    display: flex;
    column-gap: 253px;
}
.branches ul li{
    font-size: 14px !important;
    line-height: 24px !important;
}
.branches ul li img{
    padding-right: 18px !important;
    position: absolute;
    left: 0;
    top: 5px;
}
.branches ul li:first-child {
    padding-bottom: 23px;
    position: relative;
}

.branches ul li:first-child:after {
    content: '';
    position: absolute;
    background: url(http://localhost/tawakkal/wp-content/uploads/2021/12/location-icon.png);
    background-size: auto;
    background-repeat: no-repeat;
    width: 5%;
    height: 50%;
    left: 0px;
    top: 10%;
}

.branches ul li:first-child {
    padding-bottom: 23px;
    position: relative;
    padding-left: 20px;
}
.branches ul li:last-child {
    padding-left: 24px;
    position: relative;

}

.branches ul li:last-child:after {
    content: '';
    position: absolute;
    background: url(http://localhost/tawakkal/wp-content/uploads/2021/12/phone-icon.png);
    background-size: auto;
    background-repeat: no-repeat;
    width: 5%;
    height: 50%;
    left: 0px;
    top: 25%;
}
.branch2{
    position: relative;
}
.branch2:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.2) !important;
    top: 0px;
    right: -106px;
}

.copyright a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #AEAEAE !important;
}
.copyright {
    font-size: 14px !important;
    color: #AEAEAE !important;
}
.footer-copy-center #Footer .footer_copy {
    margin: 0px 80px !important;
}

.wpcf7 form .wpcf7-response-output{
	color: #fff;
    clear: both;
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{
	background-color: red;
}
.wpcf7 form.sent .wpcf7-response-output{
	background-color: green;
}

#Side_slide #menu ul li a{
	padding: 10px 20px;
}

ul.slick-dots{
	display: flex;
    margin: 0;
    justify-content: center;
}
ul.slick-dots li{
	height: 10px;
    line-height: 10px;
    margin: 0;
}
ul.slick-dots li button{
	text-indent: -999px;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    border: 1px solid #0090d9;
    margin: 0 5px;
}
ul.slick-dots li button:hover{
	background-color: #0090d9;	
}
ul.slick-dots li:not(li.slick-active) button{
	background-color: #fff;
}
@media(max-width:1240px){
    .header-transparent #Top_bar .top_bar_right {
        display: none !important;
    }
    .top_bar_left.clearfix {
        width: 100% !important;
    }
    #Top_bar .menu_wrapper {
        left: 0px !important;
        position: static !important;
    }
    #Side_slide #menu ul li a {
        margin-right: 0px !important;
        text-align: center;
    }
    #Top_bar a.responsive-menu-toggle{
        transform: translateY(-50%);
    }
    .extras a {
        border: solid 1px #0090D9 !important;
    }
}

/* Product Page */
.single-product #respond .comment-form-author, #respond .comment-form-email {
    width: 49% !important;
    margin-right: 1%!important;
}
.single-product input[type="checkbox"] {
    display: inline;
    margin: 15px 0px !important;
}
/* Product Page */
#Top_bar .container{
    max-width: 1920px !important;
}

@media(max-width:1398px){
    .tp-bullets {
        left: -67px !important;
    }
    #Top_bar.is-sticky .menu_wrapper {
        left: 0px !important;
    }
    .prod_slider{
        padding: 40px 0px 80px 0px !important;
    }
}

@media(max-width:1199px){
    .mobile-header-mini #Top_bar a.responsive-menu-toggle {
        margin-top: 0px !important;
    }
    .tp-bullets {
        left: -109px !important;
    }
    .about {
        padding: 50px 0px;
    }
    .about_right {
        padding-left: 30px;
    }
    .about_right h2 {
        font-size: 35px !important;
        line-height: 40px !important;
    }
    .about_right p {
        padding: 30px 0px 30px 0px;
        color: #26262670 !important;
    }
    .product_heading {
        padding: 50px 50px 0px 60px;
    }
    .product_sec {
        padding: 40px 0px 40px 0px;
    }
    .product1 h6, .product2 h6, .product3 h6, .product4 h6 {
        font-size: 18px !important;
    }
    .vision_right {
        padding-left: 30px;
    }
    .vision_right h2 {
        padding-bottom: 25px;
    }
    .vision_right p br{
        display: none !important;
    }
    .vision_right hr.no_line{
        margin: 0 auto 30px auto !important;
    }
    .vision_right a.button {
        margin-top: 30px !important;
    }
    .vision_sec {
        padding: 50px 0px;
    }
    .brands {
        width: 70% !important;
    }
    .serv-sec1 .rightwrap{
        padding-left: 40px;   
    }
    .brands img {
        padding-right: 20px;
        width: 29%;
    }
    .get_touch ul {
        column-gap: 30px;
    }
    .branches {
        column-gap: 63px;
    }
    .branch2:after {
        right: -26px;
    }
    .branches ul li br{
        display: none !important;
    }
    .footer-copy-center #Footer .footer_copy {
        margin: 0px 50px !important;
    }
    .serv-sec1 p br,.serv-sec2 p br{
        display: none;
    }
}
@media(max-width:991px){
    /* Services Page */
    .mcb-wrap-hi98xezzv {
        padding-left: 20px;
    }
    /* Services Page */
    .mcb-item-44lvocooh hr.no_line {
        margin: 0 auto 50px auto !important;
    }
    /* Contact Page */
    .mcb-section-kda9vpxcf {
        padding-top: 50px !important;
    }
    /* Contact Page */

    .tp-bullets {
        display: none !important;
    }
    .about_right {
        padding-left: 20px;
    }
    .about_right h2 {
        font-size: 27px !important;
        line-height: 37px !important;
    }
    .about_right p {
        padding: 15px 0px 15px 0px;
    }
    .about_right p br:first-child {
        display: none !important;
    }
    .product_heading {
        padding: 50px 40px 0px 50px;
    }
    .product1, .product2, .product3, .product4 {
        padding: 10px;
    }

    .vision_right h2 {
        padding-bottom: 15px;
    }
    .vision_right p {
        font-size: 16px !important;
    }
    .vision_sec {
        padding: 50px 0px 0px 0px;
    }

    aside#custom_html-2 .brand_sec {
        padding: 15px;
    }
    .brands img {
        padding-right: 19px !important;
        width: 28%;
    }
    .get_touch ul li {
        line-break: anywhere;
    }
    .get_touch ul li:last-child {
        width: 230px;
    }
    .product1 h6, .product2 h6, .product3 h6, .product4 h6 {
        font-size: 14px !important;
    }
    .get_touch ul {
    display: flex;
    column-gap: 210px;
    flex-direction: column;
}
}
@media(max-width:767px){

    /* Product Page */
.single-product #respond .comment-form-author, #respond .comment-form-email {
    width: 100% !important;
    margin-right: 1%!important;
}
.single-product input[type="checkbox"] {
    display: inline;
    margin: 0px 0px !important;
}
.single-product p.form-submit {
    padding-top: 15px;
}
.single-product  h1.product_title:after{
    display: none !important;
}
.single-product .woocommerce-product-details__short-description h4 {
    padding: 5px 0px 10px 0px;
}

.blog_slider_header .slider_navigation {
    display: flex;
    flex-shrink: 0;
    margin-left: auto;
    justify-content: center;
}
#Top_bar a.responsive-menu-toggle {
    transform: translateY(-10px);
}
/* Product Page */

    /* Services Page */
    .mcb-wrap-hi98xezzv {
        padding-left: 0px;
    }
    /* Services Page */

    #Top_bar #logo img.logo-mobile-sticky {
        padding-left: 10px !important;
    }

    #Top_bar #logo img.logo-mobile {
        height: 25px !important;
        padding-left: 10px !important;
    }
    section.related.products > h3 {
        padding: 0px 0px 15px 0px;
    }
    .vision_right {
        padding-left: 0px;
    }
    .about_right a.button {
        margin-right: 0px !important;
    }
    *{
        text-align: center !important;
    }
    .about_right {
        padding-left: 0px;
        padding-top: 10px;
    }
    .product_heading {
        padding: 50px 0px 0px 0px;
    }
    .product_heading .prod_btn {
        padding: 13px 13px !important;
    }
    .product_heading .mcb-wrap-inner {
        display: flex;
        align-items: center;
    }
    .product_heading h3 {
        text-align: left !important;
        padding-left: 20px !important;
    }
    .product1 h6, .product2 h6, .product3 h6, .product4 h6 {
        font-size: 20px !important;
        padding-bottom: 20px;
    }
    .vision_right a.button {
        margin-right: 0px !important;
    }
    aside#custom_html-2 .brand_sec {
        padding: 15px;
        flex-direction: column;
    }
    .brands {
        width: 100% !important;
        padding-top: 15px !important;
    }
    .brands img {
        width: 70% !important;
        padding: 5px !important;
    }
    .get_touch ul {
        column-gap: 0px;
        flex-direction: column;
        justify-content: center;
    }
    .get_touch ul li:last-child {
        width: auto;
        padding-top: 20px;
    }
    .branches {
        column-gap: 0px;
        flex-direction: column;
    }
    .branch2:after{
        display: none !important;
    }
    .branches ul li:last-child {
        padding-left: 0px;
    }
    .branches ul li:last-child:after {
        left: 29%;
    }
    .branch3 {
        padding-top: 20px;
    }
    .woocommerce .comment-form-rating{
    	flex-wrap: wrap;
	    justify-content: center;
	    margin-top: 15px;
    }
    .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-author, .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-email{
    	flex-wrap: wrap;
    	margin-bottom: 20px !important;
    }
    body.mobile-row-2-products .products.related ul.products li.product, body.mobile-row-2-products .products.upsells.up-sells ul.products li.product, body.mobile-row-2-products .column_product_related ul.products li.product, body.mobile-row-2-products .column_product_upsells ul.products li.product{
    	width: 98%;
    }
    #Subheader {
	    padding: 120px 0;
	}
	.branches ul li:first-child{
		padding-left: 0;
	}
	.mobileCOlReverse .section_wrapper.mcb-section-inner{
		display: flex;
		flex-direction: column-reverse;
	}
	.page-id-19 .one-second .column_image{
		margin-bottom: 30px !important;
	}
    .branches ul li img {
        left: -10px;
    }
    .serv-sec1 .rightwrap{
      padding-left: 0px;
    }
    .get_touch ul li img {
    padding-right: 10px;
}
li.footer-phon img.lazyloaded {
    left: 0px;
    position: absolute;
}
}

@media(max-width:480px){
#Top_bar .column.one{
    height: 50px;
}
}
#Top_bar .column.one .top_bar_left.clearfix{
    top: -5px !important;
    position: relative;
}
@media(max-width:380px){
    .product_heading a.button {
        font-size: 11px !important;
        padding: 13px 20px;
    }
    .blog_slider_header {
        display: block !important;
    }
    .slider_pager.slider_pagination {
        display: none !important;
    }

    .branches ul li:last-child:after {
        left: 19%;
    }
    .about_right h2 {
        font-size: 22px !important;
        line-height: 32px !important;
    }
    

    .shop_slider .slider_pager li {
        padding: 0px 0px 25px 0px !important;
    }
    .prod_slider {
        padding: 40px 0px 30px 0px !important;
    }
}

@media(max-width:320px){
    .product_heading a.button {
        font-size: 10px !important;
        padding: 13px 12px;
    }
    .brands img {
        padding-right: 14px;
        width: 28%;
    }
    .brands img {
        width: 28%;
    }
    .product_heading .prod_btn {
        padding: 9px 11px !important;
    }
}