/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width: 320px) and (max-width: 480px){
    /* styles */
ul.topcallaction{padding-top: 0px;}
.icon-right ul{    padding-right: 0px;}
.bannerheader {
    background: url(../images/slider1.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    top: 0;margin-top: 75px;
    height: 106vh;
}
.carousel-caption{
    margin-top: 0;
    width: 80%;
    position: unset;
}
.simplebar-scroll-content{
    padding-right:0px !important;
}
.cd-popup-close{
    display:none;
}
.umraha-cont{    padding-top: 30px;}

.umara-detl h2{    display: inline-block;}
.umara-detl img {
    display: inline-block;
    width: 20%;
}

.titel-botm ,.conditions-term{
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.newpolicy.bottm-head h2::after{top: 70px;}
.newplicy-dec,.bottm-headq{width: 90%}
.newplicy-dec ul{padding-left: 0px;}
.contentsec{width: 90%;margin: 0 auto}
.logo-footer img{padding-left: 0px; margin-left: 0px;}

.banner{
    padding-top:36%;
}

}


/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width: 481px) and (max-width: 640px){
    /* styles */
.header__logo {
    margin: 0;
    position: relative;
    width: 100%;
}

.carousel-caption{margin-top: 0px;    width: 80%;}
.logosection{float: left;
    width: 40%;}

 .navsection{float: right;}

ul.topcallaction{padding-top: 0px;}
.icon-right ul{    padding-right: 0px;}
.bannerheader {
    background: url(../images/slider1.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    top: 0;
    margin-top: 75px;
    height: 156vh;
}

.umraha-cont{    padding-top: 30px;}

.umara-detl h2{    display: inline-block;}
.umara-detl img {
    display: inline-block;
    width: 20%;
}

.titel-botm ,.conditions-term{
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.newpolicy.bottm-head h2::after{top: 70px;}
.newplicy-dec,.bottm-headq{width: 90%}
.newplicy-dec ul{padding-left: 0px;}
.contentsec{width: 90%;margin: 0 auto}
.logo-footer img{padding-left: 0px; margin-left: 0px;}

}


/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width: 681px) and (max-width: 731px){
    /* styles */
.header__logo {
    margin: 0;
    position: relative;
    width: 100%;
}

.carousel-caption{margin-top: 0px;    width: 80%;}
.logosection{float: left;
    width: 40%;}

 .navsection{float: right;}

ul.topcallaction{padding-top: 0px;}
.icon-right ul{    padding-right: 0px;}
.bannerheader {
    background: url(../images/slider1.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    top: 0;
    margin-top: 75px;
    height: 156vh;
}

.umraha-cont{    padding-top: 30px;}

.umara-detl h2{    display: inline-block;}
.umara-detl img {
    display: inline-block;
    width:20%;
}

.titel-botm ,.conditions-term{
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.newpolicy.bottm-head h2::after{top: 70px;}
.newplicy-dec,.bottm-headq{width: 90%}
.newplicy-dec ul{padding-left: 0px;}
.contentsec {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 25px;
}
.logo-footer img{padding-left: 0px; margin-left: 0px;}

.clientfooter {
    width: 60%;
    display: inline-block;
}
.logofooter {
    width: 39%;
    display: inline-block;
}

.lawumrahimg{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.lawumrahdec{
    width: 50%;
    display: inline-block;
}

}

/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width:732px) and (max-width: 823px){
    /* styles */
.header__logo {
    /*margin: 0;*/
    position: relative;
    /*width: 100%;*/
}
.banner{
        margin-top: 25%;
}
.carousel-caption{
        margin-top: 0px;
    width: 53%;
    position: absolute;
    top: 15%;
    /* height: 35%; */
    right: 25px;
    
}
.logosection{float: left;
    width: 40%;}

 .navsection{float: right;}

ul.topcallaction{padding-top: 0px;}
.icon-right ul{    padding-left: 88px;}
.bannerheader {
    background: url(../images/slider1.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    top: 0;
    margin-top: 75px;
    height: 156vh;
}

.umraha-cont{    padding-top: 30px;}

.umara-detl h2{    display: inline-block;}
.umara-detl img {
    display: inline-block;
    width:20%;
}

.titel-botm ,.conditions-term{
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.newpolicy.bottm-head h2::after{top: 70px;}
.newplicy-dec,.bottm-headq{width: 90%}
.newplicy-dec ul{padding-left: 0px;}
.contentsec {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 25px;
}
.logo-footer img{padding-left: 0px; margin-left: 0px;}

.clientfooter {
    width: 60%;
    display: inline-block;
}
.logofooter {
    width: 39%;
    display: inline-block;
}

.lawumrahimg{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.lawumrahdec{
    width: 50%;
    display: inline-block;
}

}



/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.bannerheader{    height: 126vh;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.logosection {
    float: left;
    width: 38%;
}
.bannerheader{    height: 186vh;}
.umara-detl img {
    width: 10%;
}
.logofooter{width: 40%;
    display: inline-block;}
.clientfooter{width: 59%;
    display: inline-block;}

}


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){
.logosection {
    float: left;
    width: 38%;
}
.bannerheader{    height: 186vh;}
.umara-detl img {
    width: 10%;
}
.logofooter{width: 40%;
    display: inline-block;}
.clientfooter{width: 59%;
    display: inline-block;}
.titel-botm,.conditions-term {
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}
.newplicy-dec{width: 90%}
.newplicy-dec ul{padding-left: 0px}
.bottm-headq{width: 90%;margin: 0 auto}
.contentsec {
    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
}

  }

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){
.bannerheader{    height: 52vh;}
  }

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){
.bannerheader {
    background: url(../images/slider1.jpg);
    background-size: cover;
    position: relative;
    top: 25px;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
}
.newplicy-dec{    width: 100%;}
.titel-botm,.conditions-term{padding: 0px;padding-top: 30px;padding-bottom: 30px;}
.contentsec {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}

  }

/* Portrait */
@media only screen 
  and (min-device-width:1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){

  	.bannerheader {
    background: url(../images/slider1.jpg);
    background-size: cover;
    position: relative;
    top: 25px;
    height: 50vh;
    background-repeat: no-repeat;
    background-position: center;
}
.newplicy-dec{    width: 100%;}
.titel-botm,.conditions-term{padding: 0px;padding-top: 30px;padding-bottom: 30px;}
.contentsec {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}
  }



/* Smartphones (portrait) ---------- */
@media screen and (max-width: 320px){
    /* styles */
}
/* Smartphones (landscape) ---------- */
@media screen and (min-width: 321px){
    /* styles */
}
/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
    /* styles */
}
/* Tablets, iPads (portrait) ---------- */
@media screen and (min-width: 768px){
    /* styles */
}
/* Tablets, iPads (landscape) ---------- */
@media screen and (min-width: 1024px){
    /* styles */
}
/* Desktops and laptops ---------- */
@media screen and (min-width: 1224px){
    /* styles */
}
/* Large screens ---------- */
@media screen and (min-width: 1824px){
    /* styles */
}