/*---------------------------------------------------------------------------------

 Theme Name:   DS Spa
 Theme URI:    www.detailershine.com
 Description:  Detailershine is a Premium Auto Protection company-based in Fremont
 Author:       Detailershine
 Author URI:   www.detailershine.com
 Template:     Divi
 Version:      4.17.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* #globleheader {border-bottom: 2px solid #f3f3f3;}*/

#anoucementbar {padding: 10px 0;}

#anoucementrow, #globleheaderrow {padding: 0px;}

#globleheader {padding: 10px 0;}

#anoucementrow, #globleheaderrow {
    display: flex;
    align-items: center;
}

#anoucementrow .et_pb_social_media_follow li {margin-bottom: 0px;}

#globlefooter {padding: 0px;}

#globlefooter .et_pb_row {
    width: 100%;
    max-width: 1010px;
}

#globlefooterrow1 {
    padding-top: 75px;
    padding-bottom: 50px;
}

#globlefooterrow2 {
    padding-top: 0px;
    padding-bottom: 40px;
}

#globlefooterrow2 .et_pb_main_blurb_image {margin-bottom: 15px;}

#footermenurow {
    padding-top: 0px;
    padding-bottom: 50px;
}

#footermenurow .et_pb_module.et_pb_menu .et_pb_menu__menu ul li {border-right: 2px solid #fff;}

#footermenurow .et_pb_module.et_pb_menu .et_pb_menu__menu ul li:last-child {border-right: 0px;}

#footermenurow .et_pb_module.et_pb_menu .et_pb_menu__menu ul li a {
    padding-bottom: 0px;
    font-size: 18px;
}

#footermenurow:after {
    content: '';
    width: 150px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    visibility: visible;
}

#copyrightrow {
    padding-top: 21px;
    padding-bottom: 50px;
}

/********************** Content Code Here ************************/

#hsection1, #hrow1 {padding: 0px;}

#hrow1 {
    display: flex;
    align-items: center;
}

#hrow1 .et_pb_column:first-child {padding-right: 35px;}

#hsection1 h3 {
    font-size: 24px;
    line-height: 35px;
    font-weight: 600;
    color: #191919;
}

#hsection1 .et_pb_text_inner p {line-height: 25px;}

#yelpreviewrow2 {
    display: flex;
    align-items: center;
}

#hsection2 .et_pb_ajax_pagination_container {
    display: flex;
    flex-wrap: wrap;
}

#hsection2 .project.type-project {
    width: 32%;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
}

#hsection2 .project.type-project:nth-child(3),
#hsection2 .project.type-project:nth-child(6) {margin-right: 0px;}

.normalhide {display: none;}

#hsection2 .project.type-project:hover .normalhide,
#hsection2 .project.type-project:hover span.et_portfolio_image {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(255 255 255 / 61%);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.normalhide span {
    display: block;
    margin-top: 10px;
}

#hsection2 .et_pb_row.et_pb_row_2 {
    padding-top: 40px;
    padding-bottom: 20px;
}

#hsection2 .et_pb_row.et_pb_row_3 {padding: 0px;}

#hsection2 .et_pb_row.et_pb_row_4 {
    padding-top: 0px;
    padding-bottom: 40px;
}

#hsection2 {padding: 50px 0px;}

#globleheaderrow ul li ul {width: 250px;}

#globleheaderrow ul li ul li a {
    color: #191919 !important;
    width: 100%;
}

#globleheaderrow .et_pb_button_module_wrapper.et_pb_button_0_tb_header_wrapper.et_pb_button_alignment_right.et_pb_module a:hover {
    border: 2px solid #9B0807;
    color: #9B0807 !important;
}

#contactrow1 {
    background-color: #ECECEC;
    padding: 25px;
    border-radius: 10px;
}

#contactrow1 .et_pb_text_inner h3 {
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
    color: #191919;
}

#contactrow1 p {line-height: 25px;}

#contactrow1 label.gfield_label {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #191919;
}

#contactrow1 #input_1_10 {display: flex;}

#contactrow1 #input_1_10 .gchoice {margin-right: 20px;}

#contactrow1 input,
#contactrow1 select,
#contactrow1 textarea {
    border-color: #191919;
    border-radius: 5px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #191919;
    cursor: pointer;
	padding: 14px 30px;
	background-color: #fff;
}

#contactrow1 input::placeholder,
#contactrow1 textarea::placeholder,
#contactrow1 select::placeholder {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #191919;
}

#anoucementrow .et_pb_column,
#globleheaderrow .et_pb_column {margin-bottom: 0px;}


#servicebanner {padding: 115px 0;}

#servicebanner .et_pb_row {padding: 0px;}

p.mid-f {
    font-size: 24px;
    line-height: 35px;
}

#service_s1 {padding: 0px;}

#service_s1 .s_row1 {
    display: flex;
    align-items: center;
    padding: 0px;
}

#service_s2 {padding: 50px 0px;}

#service_s2 .et_pb_row {padding: 0px;}

#service_s2 ul.hand {
    list-style-type: none;
    display: flex;
    padding-top: 10px;
    margin-left: 13px
}

#service_s2 ul li {
     position: relative;
     margin-right: 40px;
}

#service_s2 ul li:before {
    content: '';
    background-image: url(image/hand-icon.png);
    position: absolute;
    width: 20px;
    height: 20px;
    left: -25px;
}

#service_s2 .et_pb_row_5 {padding-top: 40px;}

#service_s3 {
    padding-top: 50px;
    padding-bottom: 70px;
}

#service_s3 .et_pb_row {padding: 0px;}

#service_s4 {padding: 50px 0px;}

#service_s4 .et_pb_row {
    padding-top: 40px;
    padding-bottom: 0px;
}

#service_s5 {padding: 45px 0px;}

#service_s5 .et_pb_row {padding: 45px 0px;}

#service_s6 {padding: 100px 0px;}

#service_s6 .et_pb_row {padding: 10px;}

#ceramic_s1 {padding: 50px 0px;}

#ceramic_s1 .et_pb_row {padding: 0px;}

#ceramic_s1 .et_pb_row_3 , #ceramic_s1 .et_pb_row_4 , #ceramic_s1 .et_pb_row_5 {
    display: flex;
    align-items: center;
}

#ceramic_s1 .et_pb_column_3 {margin-bottom: 20px;}

#ceramic_s2 {padding: 0px;}

#ceramic_s2 .et_pb_row {padding: 0px;}

#ceramic_s2 .et_pb_column_10 , #ceramic_s2 .et_pb_column_11 , #ceramic_s2 .et_pb_column_12 {padding: 50px}

#ceramic_s2  .box_h {
   padding: 20px 0px;
   border: 1px solid #FFF;
}

#ceramic_s2 .box_t {padding-bottom: 20px;}

#window_s1 {padding: 0px;}

#window_s1 .et_pb_row {
    padding-top: 50px;
    padding-bottom: 0px;
}

#window_s2 {
    padding-top: 50px;
    padding-bottom: 100px;
}

#window_s2 .et_pb_row {padding: 0px;}

#window_s2 ul.hand {
    list-style-type: none;
    padding-top: 10px;
    margin-left: 13px
}

#window_s2 ul li {
     position: relative;
     margin-right: 40px;
}

#window_s2 ul li:before {
    content: '';
    background-image: url(image/hand-icon.png);
    position: absolute;
    width: 20px;
    height: 20px;
    left: -25px;
}

#window_s2  .video_rowp {padding-top: 50px!important;}

#ceramic_s2 h3 {padding-bottom: 0px !important;}

@media only screen and (min-width: 981px) and (max-width: 7000px) {
    
    .et_pb_menu_0_tb_header.et_pb_menu ul li a {padding: 6px 10px !important;}

    .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        padding: 5px 10px;
        margin-top: -1px;
		font-weight:600;
    }
    
    .et-menu .menu-item-has-children>a:first-child:after {
        font-family: ETmodules;
        content: "3";
        font-size: 16px;
        position: absolute;
        right: -10px;
        top: 3px;
        font-weight: 800;
    }
	
    .normalhide h2.et_pb_module_header {
        font-size: 32px;
        line-height: 46px;
        font-weight: 600;
        color: #191919;
    }

    .normalhide span a {
        background-color: #191919;
        border-radius: 25px;
        color: #fff;
        padding: 10px 20px;
        border: 1px solid #fff;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }

}

@media only screen and (min-width: 1511px) and (max-width: 2000px) {
    
    h1 {
        font-size: 48px!important;
        line-height: 55px!important;
    }

    h3 {
        font-size: 32px!important;
        line-height: 40px!important;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1510px) {
    
    div#hrow1 {
        padding: 30px 0px;
        margin-bottom: 20px;
    }

    h1 {
        font-size: 37px!important;
        line-height: 42px!important;
    }
    
    p.mid-f {
        font-size: 18px;
        line-height:24px;
        font-weight: bold;
    }
    
    #service_s1 .et_pb_row {width: 95%!important;}

    #service_s1 {padding: 30px 0px;}

    #service_s2 {margin-top: 30px;}

    #service_s2 ul.hand {flex-wrap: wrap;}

    #service_s2 .et_pb_row_5 {padding-top: 40px;}

    #service_s3 .et_pb_row_6 {width: 80%;}

    #ceramic_s2 .et_pb_column_10, #ceramic_s2 .et_pb_column_11, #ceramic_s2 .et_pb_column_12 {padding: 20px;}

    #window_s1 .et_pb_row {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #service_s1 .s_row1 {padding-bottom: 50px;}

    #window_s1 {margin-top: 40px;}

    #service_s4 .et_pb_row {padding-top: 30px;}

    #service_s6 {padding: 70px 0px;}

    #globleheaderrow {width: 95%;}

   #anoucementrow {width: 95%;}

}

/***************** Media Query Code Start *****************/

@media only screen and (max-width: 1874px) {
   
    #hrow1 , .s_row1 {width: 95%;}

    #hsection2 .et_pb_row {width: 95%;}

    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1578px) {
    
    #hsection2 .project.type-project {
        margin-right: 28px;
        margin-bottom: 28px;
    }

    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1474px) {
    
    #hsection2 .project.type-project {
        margin-right: 26px;
        margin-bottom: 26px;
    }

    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1367px) {
    
    #hsection2 .project.type-project {
        margin-right: 24px;
        margin-bottom: 24px;
    }

    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1262px) {
    
    #hsection2 .project.type-project {
        margin-right: 22px;
        margin-bottom: 22px;
    }
    
    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1157px) {
    
    #hsection2 .project.type-project {
        margin-right: 20px;
        margin-bottom: 20px;
    }
     
    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1051px) {
    
    #hsection2 .project.type-project {width: 31%;}

    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 1300px) {
    
    .et_pb_row {width: 90%;}

    #yelpreviewrow1 {width: 95%;}

    #globleheaderrow {width: 95%;}

    #anoucementrow {width: 95%;}

}

@media only screen and (max-width: 980px) {
    
    #anoucementbar {display: none;}
    
    #globleheaderrow {width: 95%;}

    #globleheaderrow .et_pb_column {
        flex: 1;
        width: auto;
        float: none;
        margin: 0;
    }
    
    #globleheaderrow .et_pb_column:nth-child(1) {order: 1;}

    #globleheaderrow .et_pb_column:nth-child(3) {order: 2;}

    #globleheaderrow .et_pb_column:nth-child(2) {order: 3;}

    #globleheaderrow .et_pb_column .et_pb_button_module_wrapper.et_pb_button_alignment_right {text-align: center;}

    #globleheaderrow .et_pb_column:nth-child(2) .et_pb_menu__wrap,
    #globleheaderrow .et_pb_column:nth-child(2) .et_mobile_nav_menu {display: block;}

    #globleheaderrow .et_pb_column .et_pb_module .mobile_menu_bar {text-align: right;}

    #globleheaderrow .et_pb_column .et_pb_module .mobile_menu_bar:before {
        color: #fff;
        font-size: 55px;
    }
    
    #globleheaderrow .et_mobile_nav_menu ul li.current-menu-item a {
        color: #191919 !important;
        background-color: transparent;
    }
    
    #globleheaderrow .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        color: #191919 !important;
        background-color: transparent;
    }
    
    #globleheaderrow .et_mobile_menu .menu-item-has-children>a {
        background-color: transparent;
        color: #191919 !important;
        font-weight: 500;
    }
    
    #hrow1 {
        flex-direction: column;
        padding: 30px 0px;
    }
    
    #hrow1 .et_pb_column:first-child {
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    #footermenurow .et_mobile_nav_menu {display: none;}

    #footermenurow .et_pb_menu__menu {display: flex;}

    #globlefooter .et_pb_row {
        width: 80%;
        max-width: 100%;
    }
    
    #hsection1 .et_pb_text_inner p:first-child {
        width: 40%;
        float: left;
        padding-right: 20px;
        padding-bottom: 0px;
    }
    
    #servicebanner {padding: 70px 0;}

    #service_s1 {padding: 40px 0px;}

    #service_s1 .et_pb_row_1 {
        flex-direction: column;
        width: 95%;
    }
    
    h1 {
        font-size: 32px!important;
        line-height: 40px!important;
    }
    
    h3 {
        font-size: 24px!important;
        line-height: 30px!important;
    }
    
    #service_s2 {padding: 40px 0px;}

    #service_s2 .et_pb_row_5 {padding-top: 40px;}

    #service_s3 .et_pb_row_6 {width: 90%;}

    #service_s4 .et_pb_row {padding-top: 40px;}

    #service_s6 {padding: 60px 0px;}

    #service_s6 .et_pb_row_11 , #service_s6 .et_pb_row_12 {padding: 40px 0px;}

    #ceramic_s1 .et_pb_column {margin-right: 20px;}

    #service_s6 .et_pb_row_9 ,#service_s6 .et_pb_row_10 {padding-top: 20px!important;}

}

@media only screen and (max-width: 640px) {
    
    #yelpreviewrow1,
    #yelpreviewrow2 {
        flex-direction: column;
        width: 90%;
    }

    #yelpreviewrow2 .et_pb_column:first-child {margin-bottom: 20px !important;}

    #footermenurow {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #footermenurow .et_pb_column {
        clear: both;
        float: none;
    }
    
    #footermenurow ul {display: block;}

    #footermenurow:after {display: none;}

    #hsection1 .et_pb_text_inner p:first-child {
        width: 100%;
        float: none;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    
    #hsection2 .project.type-project {width: 48%;}

    #hsection2 .project.type-project:nth-child(3) {margin-right: 20px;}

    #hsection2 .project.type-project:nth-child(2),
    #hsection2 .project.type-project:nth-child(4) {margin-right: 0px;}

    #globleheaderrow .et_pb_column:nth-child(3) {display: none;}

    #globleheaderrow .et_pb_column,
    #globleheaderrow .et_pb_module.et_pb_menu,
    #globleheaderrow .et_pb_menu_inner_container,
    #globleheaderrow .et_pb_menu__wrap {position: static;}

    #servicebanner {padding:  60px 0;}
    
    h1 {
        font-size: 30px!important;
        line-height: 36px!important;
    }
    
    #service_s2 {background-color: #000!important;}

    #service_s2 ul.hand {flex-direction: column;}

    #service_s5 .et_pb_row_9 {width: 80%;}

    p.mid-f {
        font-size: 18px;
        line-height: 22px;
    }

    #service_s4 .et_pb_row {padding-top: 20px;}

    #service_s6 {padding: 30px 0px;}

    #ceramic_s1 .et_pb_row_3 , #ceramic_s1 .et_pb_row_4 , #ceramic_s1 .et_pb_row_5 {
        flex-direction: column;
        margin-bottom: 20px;
        align-items: flex-start;
    }

    #service_s5 .et_pb_row_4 {width: 80%;}

    #service_s6 .et_pb_row {padding-top: 40px;}

    #ceramic_s2 .et_pb_column_10, #ceramic_s2 .et_pb_column_11, #ceramic_s2 .et_pb_column_12 {padding: 20px;}

    #service_s5 .et_pb_row_7 {width: 80%;}

    #window_s2 {background-color: #890F1A!important;}

    #service_s5 .et_pb_row {width: 80%;}

}

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

    #hsection2 .project.type-project {width: 47%;}

}

@media only screen and (max-width: 350px) {
    
    #hsection2 .project.type-project {width: 100%;}

    #hsection2 .project.type-project,
    #hsection2 .project.type-project:nth-child(2),
    #hsection2 .project.type-project:nth-child(3),
    #hsection2 .project.type-project:nth-child(4) {margin-right: 0px;}

}

@media only screen and (min-width: 1850px) and (max-width: 7000px) {
    
    .container,
    .et_pb_row,
    .et_pb_slider .et_pb_container,
    .et_pb_fullwidth_section .et_pb_title_container,
    .et_pb_fullwidth_section .et_pb_title_featured_container,
    .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
        max-width: 1800px;
        width: 100%;
    }

	#hsection1 .et_pb_image_1 {margin-right: -100px;}

	#hsection1 {
		width:100%;
		overflow:hidden;
    }

}

@media only screen and (min-width: 981px) and (max-width: 7000px) {
	
    .et_pb_scroll_top.et-pb-icon {
        background: #000;
		margin-right:50px;
		border-radius:5px;
		border:2px solid #fff;
    }
    
}

@media only screen and (min-width: 0px) and (max-width: 980px) {
	
	div#hsection2 {padding: 0;}

	div#otherpagehader {padding: 0;}
	
	div#otherpagehader h1 {padding: 0;}
	
	#hsection2 .project.type-project:hover .normalhide, #hsection2 .project.type-project:hover span.et_portfolio_image {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background-color: rgba(255 255 255 / 61%);
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
		z-index: 999;
    }
	
	.normalhide h2.et_pb_module_header {
        font-size: 18px !important;
        line-height: 30px;
        font-weight: 600;
        color: #000 !important;
		padding: 0;
    }
	
	.normalhide span a {
        background-color: #fff;
        border-radius: 25px;
        color: #000;
        padding: 10px 20px;
        border: 1px solid #fff;
        font-size: 14px !important;
        line-height: 22px;
        font-weight: 600;
    }
	
    .normalhide span a {
        background-color: #fff;
        border-radius: 25px;
        color: #000;
        padding: 5px 10px;
        border: 1px solid #fff;
        font-size: 12px !important;
        line-height: 18px;
        margin-top:-15px;
        font-weight: 600;
    }

    #footermenurow .et_pb_module.et_pb_menu .et_pb_menu__menu ul li {border-right: 0px solid #fff !important;}

	#footermenurow .et_pb_module.et_pb_menu .et_pb_menu__menu ul li a {
        text-align: center;
        width: 100%;
    }
	
    #copyrightrow {
        padding-top: 21px;
        padding-bottom: 0px;
    }
	
    a.et_pb_button.et_pb_button_0_tb_header.t_btn.et_pb_bg_layout_light {display: none;}

	#footermenurow:after {display:none}

	div#hsection3 {padding: 0;}

}
/***************** Media Query Code End *****************/