@font-face {
    font-family: Cairo-ExtraLight;
    src: url(../fonts/Cairo-ExtraLight.ttf);
}

@font-face {
    font-family: Cairo-Light;
    src: url(../fonts/Cairo-Light.ttf);
}

@font-face {
    font-family: Cairo-Regular;
    src: url(../fonts/Cairo-Regular.ttf);
}

@font-face {
    font-family: Cairo-Black;
    src: url(../fonts/Cairo-Black.ttf);
}

@font-face {
    font-family: Cairo-SemiBold;
    src: url(../fonts/Cairo.ttf);
}

@font-face {
    font-family: Cairo-Bold;
    src: url(../fonts/Cairo-Bold.ttf);
}
@font-face {
    font-family: Arada-Regular;
    src: url(../fonts/Arada-Regular.ttf);
}


body, th, td, input, textarea{
    font-family: Cairo-Regular;
    font-size: 18px;
}

h1, h2, h3{
     line-height: 1.2em;
}
h1,
.hero-slide-title h2{
    font-size:60px;
    font-family: Cairo-Bold;
}
h2{
    font-size:30px;
    font-family: Cairo-Bold;
}
h3{
    font-size:28px;
    font-family: Cairo-Bold;
}
h4{
    font-size:25px;
    font-family: Cairo-Bold;
}
h5{
    font-size:24px;
    font-family: Cairo-Bold;
}
h6{
    font-size:22px;
    font-family: Cairo-Bold;
}
p, ul, ol {
    font-size: 18px;
    font-family: 'Cairo-Regular';
    line-height: 24px;
}
ul, ol{
    list-style:none;
}
a{
    font-family: Cairo-Regular;
}

body.rtl .btn-gray {font-family:Cairo-Bold !important;  font-weight:bold !important}
body.rtl .find-us-tab-address-in p strong{font-family:Cairo-Bold !important;  font-weight:bold !important}
body.rtl .locatebtn {font-family:Cairo-Bold !important;  font-weight:bold !important}

@media only screen and ( max-width: 768px) 
{
    h1{
        font-size:60px;
    }
    h2{
        font-size:30px;
    }
    h3{
        font-size:26px;
    }
    h4{
        font-size:23px;
    }
    h5{
        font-size:22px;
    }
    h6{
        font-size:20px;
    }
    p, ul, ol {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and ( max-width: 560px) 
{
    h1,
    .hero-slide-title h2{
        font-size:36px;
    }
    h2{
        font-size:24px;
    }
    h3{
        font-size:22px;
    }
    h4{
        font-size:20px;
    }
    h5{
        font-size:19px;
    }
    h6{
        font-size:18px;
    }
    p, ul, ol {
        font-size: 18px;
        line-height: 24px;
    }
}