@font-face {
  font-family: 'OpenSans-Bold';
  src:url(../fonts/OpenSans-Bold.ttf) ;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src:url(../fonts/OpenSans-Semibold.ttf) ;
}
@font-face {
  font-family: 'OpenSans-Regular';
  font-style: normal;
  font-weight: 400;
  src:url(../fonts/OpenSans-Regular.ttf) ;
}
@font-face {
  font-family: 'DroidKufi-Regular';
  font-style: normal;
  font-weight: 400;
  src:url(../fonts/DroidKufi-Regular.ttf) ;
}
*{
    font-family: 'DroidKufi-Regular' ;
}
.gallary .grid-item img {
    width: 97%;
    border-radius: 4px;
}
.ar {
    float: left;
        padding: 9px 10px;
}
.ar a{
    float: left;
    font-family: 'OpenSans-Regular';
}
.charItem h2 {
    padding-left: 11px;
}
 .WoodGallary .gallaryOver {
    top: 1px !important;
    width: 95% !important;
    padding: 20px;
    height: 101% !important;
}
 
 .tooltip-inner {
    width: 150px !important;
    font-size: 14px;
}

.headerRight ul {
    float: left;
    background: #ff7f00;
}
.headerLeft ul li {
    margin-right: 0;
    margin-left: 20px;
    direction: ltr;
}
.headerLeft ul li i {
    float: right;
    margin-left: 5px;
}
.navbar-nav {
    /* float: left; */
}
.navbar-nav>li {
    float: right;
}

.FilterFire button {
    margin-left: 0;
    margin-right: 18px;

}


.navbar-nav>li:last-child a{
    padding-left: 10px;
}
.navbar-collapse.collapse{
    padding: 0;
}
.HomeCircles h1,.HomeAboutLeft h1,.gallaryTopOverlay h1,.partnersTopOverlay h1,.partsubmit button,.ContactTopOverlay h1,.header_bottom .navbar-nav>li>a,.HomeContactBanner h1,.footer_h_white h1,.Footer_topUL h1,.Footer_topUL2 h1,.HomeProductsContent h3,.HomeGallery h1,.HomeTeamBodyCard h1,.HomeContactHead h1,.HomeContactRight button,.HomeContactLeft h1{
    font-family: 'DroidKufi-Regular' ;
}

.HomeAboutLeftTri {
    border-left: 100px solid transparent;
    border-right: none;
    left: -100px;
    right:auto;
}
.HomeContactLeft h2{
        direction: ltr;
    float: right;
}

.rooftiles_topText {
    width: 35%;
    position: absolute;
    top: 39%;
    right: 18%;
    left: 0;
}

.Footer_topUL2 ul li a i {
    margin-left: auto;
    margin-right: 12px;
}
.Footer_topUL2 button{
    margin-right: 10px;
    margin-left: auto;
    float: left;
}

.gallary .grid-item {
        padding-left: 0 !important;
        padding-right: 10px;
}

.fireplace_top h1:after {
    left:auto;
    right: 0;
    top: 80px;
}
.fireSlides{
    right:0;
    left:auto;
}

.fireplace_topText {
    right: 15%;
    left: auto;
}

.fireSlides  .navbar-nav>li>a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.fireplace_section_two h1:after {
    right: 100px;
    top: 90px;
}
.fireplace_section_threeLeft ul li::before {
    margin-left: 10px;
    margin-right: auto;
}


.roofmenu h1{
    font-family: 'DroidKufi-Regular' ;
}
.roofmenuBrands ,.roofmenuCats,.roofmenuProducts{
    border-left: 2px solid #ff7f00;
    border-right: none;
}
.firemenuBrands ,.firemenuCats,.firemenuProducts{
    border-left: 2px solid #ff7f00;
    border-right: none;
}

.rooftiles_top h1:before, .rooftiles_top h1:after, .rooftiles_section_five h1:after {
    right: 14px;
    left: auto;
}
.roofGallary .grid-item{
 padding-right: 0 !important;
 padding-left: 0 !important;   
}

.brandFixed {
    left: 0;
    right:auto;
}

.HomeGalleryHidden {
    width: 98%;
}
.FilterFire .form-control {
    padding: 2px 0;
    direction: rtl;
}

.gallaryOver {

    width: 98%;
}

/*MEDIA QUERY*/

@media (min-width:992px)and (max-width:1200px){
   
}
@media (min-width:768px)and (max-width:992px){
   
}
@media (max-width:768px){
    .roofmenuBrands ,.roofmenuCats,.roofmenuProducts{
    border-left: none;
    border-right: none;
}
.firemenuBrands ,.firemenuCats,.firemenuProducts{
    border-left: none;
    border-right: none;
}

.fireplace_section_two h1:after {
    right: 6px;
    top: 61px;
    width: 131px;
}

.SitesSize h1:after {
    width: 86px;
}
.rooftiles_top h1 {
    font-size: 25px;
}

}
@media (min-width:540px )and (max-width:768px){
      
}
@media (min-width:460px )and (max-width:540px){
   
}
@media (max-width:460px){
   
}