/* IE11 */
@media screen and (max-width:1980px){ 
.banner-image {
    position: relative;
    margin: 40px 0;
}
.banner-area .banner-image:after {
    bottom: -140px;
}
}
@media screen and (max-width:1920px){ 
ul.list-offer {
    min-height: 320px;
}
}
@media screen and (max-width:1920px){ 
.banner-area {
    top: -30px;
}
.banner-content {
    position: absolute;
    top: -11px;
}
.banner-content-area {
    position: relative;
}
.offer-outer.inner-page:after {
    left: -147px;
}
.offer-outer {
    max-width: 440px;
}
.outer-main ul.list-offer {
    margin: 20px 0 20px 40px;
}
ul.list-offer li {
    font-size: 13px;
}
#packages-slider .owl-nav {
    top: 46%;
}
.outer-main	.container {
    max-width: 1600px;
}
.heading h3 {
    font-size: 20px;
}
.home-offer ul.list-offer li span {
    font-size: 13px;
}
.banner-content p {
    color: #fdb100;
    font-weight: 800;
    font-style: italic;
    padding: 0;
}
.banner-area .banner-image:after {
    bottom: -170px;
}
}
@media screen and (max-width:1800px){  
.banner-area {
    top: -43px;
}
.logo-area {
    top: -51px;
}
.banner-content {
    top: -21px;
}
    .banner-image img{
        max-height: 100%;
    }
    .what-we-offer {
        left: 16%;
        top: 0;
    }
    /*.page-main {
        margin: 258px auto 30px;
    }*/
	.offer-outer.inner-page:after {
    left: -74px;
}
.banner-content-area {
    position: relative;
    left: 0;
    right: 0;
}
.banner-area .banner-image:after {
    bottom: -190px;
}
.home-offer {
    margin: 120px auto 30px;
}
.page-main {
    margin: 120px auto 30px;
}
}
@media screen and (max-width:1600px){
	.banner-content {
    top: -21px;
}
    .banner-image img{  
        max-height: 390px;
    }
  .banner-area {
    top: 25px;
}
    .what-we-offer {
        left: 12%;
    }
	.offer-outer.inner-page:after {
    left: -33px;
}
	.banner-area {
    top: 8px;
}
	.banner-area .banner-image:after {
    bottom: -146px;
}
}

@media screen and (min-width:1600px){ 

span.per-person {
    right: 160px;  
}
}

@media screen and (max-width:1440px){ 
	.logo-area {
    top: -95px;
}
	.banner-area {
    top: -91px;
}
.banner-content {
    top: 9px;
}
    .banner-image img{  
        max-height: 350px;
    }
    .logo-area{
        top: -100px;
    }
    .what-we-offer {
        width: 350px;height:350px;
    }

    .left-area:after, .right-area:after {
        width: 120px;
    }
.banner-content {
    top: -8px;
}
}
@media (max-width:1366px){
	
	.banner-area .banner-image::after {bottom: -146px;}
	.banner-image {margin: 40px 0 10px 0;}
	.home-offer {margin: 70px auto 30px;}
	.banner-area {
    top: -103px;
}
	.banner-content {
    top: -66px;
}
    .logo-area{
        top: -100px;
    }
    .title-header{
        height: 150px;
    }
    .left-area:after,  .right-area:after{
        width: 100px;
    }

    .what-we-offer {
        left: 9%;
        width: 350px;height:350px;
    }
    .banner-image img{  
        max-height: 300px;
    }
	.offer-outer.inner-page:after {
    left: -24px;
}
.outer-main .container {
    max-width: 1140px;
}
.outer-main ul.list-offer {
    margin: 20px 0;
}
.page-main {
margin: 70px auto 30px;
}
	/*.page-main {
    margin: 220px auto 30px;
}
/*.banner-area {
    top: -80px;
}
	.banner-area {
    top: 0px;
}*/
.heading h3 {
    font-size: 20px;
}
ul.list-offer li {
    font-size: 13px;
}
.home-offer ul.list-offer {
    margin: 20px 0px 20px 110px;
}
}
@media (min-width:1400px) and (max-width:1600px){ 
.logo-area {
    top: -91px;
}
.banner-image {
    margin: 0px 0 40px 0;
}
	.banner-area {
    top: -20px;
}
}
@media (max-width:1280px){ 
	.logo-area {
    top: -46px;
}
	.banner-area {
    top: -64px;
}
	.banner-content {
    top: -38px;
}
	.banner-area .banner-image::after {
    bottom: -130px;
}
    h2.we_title{
        font-size: 20px;
    }
    .what-we-offer {
        left:15%;
        padding: 0px 0px;
        width: 300px;height:300px;
    }
    .what-we-offer ul li{
        font-size: 12px;
        padding-top: 3px;padding-bottom: 3px;
    }
    .title-header {
        height: 120px; background-size:contain; 
    }
    .title-header h2{
        font-size: 26px;
    }

}

@media screen and (max-width:1199px){ 
	.banner-content {
    top: -16px;
    left: 67px;
}
	.banner-area {
    top: -46px;
}
	.home-offer {
    margin: 90px auto 30px;
}
.page-main {
    margin: 90px auto 30px;
}
	.logo-area {
    top: -61px;
}
    .what-we-offer {
        padding: 0px 0px;
        width: 300px;height:300px;
    }
    .title-header {      
        margin-top: 13px;
    }
    .phone-number h3{
        font-size: 1.3em;
    }
    .left-area:after, .right-area:after {
        width: 75px;
    }
    .title-header h2 {
        font-size: 18px;
    }
    .main-logo img {
        max-width: 150px;
    }
    ul.packages{
        font-size: 14px;
    }
    .offer-outer.inner-page:after{
        right: -25px;
    }
}

@media screen and (max-width: 1030px) {
.banner-content p {
    font-size: 14px;
}
.banner-content {
    top: -39px;
    left: 38px;
}
	.banner-area {
    top: -68px;
}
.page-main {
    margin: 70px auto 30px;
}
.home-offer {
    margin: 70px auto 30px;
}
}

@media screen and (max-width: 1025px) {
	.banner-content {
    top: -53px;
    left: 34px;
}
.home-offer {
    margin: 54px auto 30px;
}
.page-main {
    margin: 54px auto 30px;
}
    .what-we-offer {
        left: 7%;
    }      
    .title-header {        
        margin-top: 6px;
    }
.banner-content p {
    padding: 0;
    font-size: 14px;
}
.banner-area .banner-image:after {
    bottom: -110px;
}
.home-offer {
    margin: 200px auto 30px;
}
	.page-main {
    margin: 60px auto 30px;
}
span.wpcf7-form-control-wrap.date-end {
    float: right;
    width: 145px;
}
}



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

.banner-content {
    top: -3px;
    left: 14px;
}
	.banner-area {
    top: -25px;
}
.logo-area {
    top: -6px;
}
    /*.title-box h2{
        font-size: 2.5em;
    }*/
    .heading h3{
        font-size: 20px;
    }
    .offer-outer.inner-page:after {
        right: -15px;
    }
    h2.we_title{
        font-size: 16px;
    }
    .what-we-offer {
        padding: 70px 60px;
    }
    .what-we-offer ul li {
        font-size: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .left-area:after, .right-area:after {
        width: 40px;
    }
    .title-header {
        height: 75px;
    }
    ul.packages li {
        padding-top: 5px;
        padding-bottom: 5px;       
        padding-right: 0px;
        background-position-y:10px;
        padding-left: 25px;
        background-size: 20px;
        display: inline-block;
        width: 33%;
    }
    .phone-number h3 {
        font-size: 1em;
    }
    .wpcf7-form label{
        width: 31.6%;
    }
    .protected:after, .protected:before{
        background-size: 35%;
    }
    .wpcf7-form strong {
        font-size: 16px;
    }
    .wpcf7-list-item-label{
        font-size: 12px;
    }
ul.packages-footer li {
    padding: 0px 13px;
	padding-left: 30px;
}
.banner-content p {
    text-align: center;
}
.page-template-umrah-packages .owl-dots {
    margin: 0 0 60px;
}
.banner-area .banner-image:after {
    bottom: -122px;
}
.page-main {
    margin: 120px auto 30px;
}
.home-offer {
    margin: 120px auto 30px;
}
}

@media screen and (max-width:767px){  
	title-header {
    margin: 0 auto;
}
.banner-area {
    top: 7px;
}
.banner-content p {
    padding: 0 3px;
}
	.page-main {
    margin: 120px auto 30px;
}
	.home-offer {
    margin: 120px auto 30px;
}
    .wpcf7-checkbox > span{
        flex: 0 0 50%;
    }
    span.wpcf7-list-item-label {
        font-size: 12px;
    }
    /*ul.list-offer{
        display: inline-block;
		min-height: 300px;
    }*/
    ul.packages li {
        width: 49%;
        line-height: 18px;
        font-size: 12px;
        background-position-y: 5px;
        background-size: 15px;
    }
    footer .phone-number{
        margin-top: 10px;
    }
    .what-we-offer{
        display: none;
    }
/*     header .phone-number{
        display: none;
        background-image:none;
    } */
	header .phone-number {

    padding: 2px;
}
    .title-header {
        height: 48px;
        width: 48px;
    }
	.phone-number {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
}
    .title-header h2 a{
        font-size: 10px;
        vertical-align: top;
        display: inline-block;
    }
    .main-logo img {
        max-width: 100px;margin-bottom: 30px;
    }

    h1.page-title{
        font-size: 22px;
    }
    /*.banner-area .banner-image:after{
        bottom: -60px;
    }*/
.banner-area .banner-image:after {
    bottom: -109px;
}
.banner-content {
    top: 16px;
}
    body{
        font-size: 12px;
    }
    .offer-outer.inner-page:after,.right-shadow:after{
        display: none;
    } 
    .home-offer .col-md-6 {
        text-align: center;
    }
    .title-box{
        height: 130px;
    }
	
    /*.home-offer {       
        margin: 60px auto 0px;
    }*/
	.home-offer {
    margin: 110px auto 0px;
}
    .protected {       
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .protected:after, .protected:before{
        background-size: 70%;
    }
    .protected h3 {
        font-size: 1.5em;
        max-width: 200px;
        margin: 0px auto;
    }
    ul.list-offer li{
        line-height: 22px;font-size:13px; background-position-y: 10px;    width: 100%;

    }
    .wpcf7-form label {
        width: 100%;
    }
    textarea.wpcf7-form-control.wpcf7-textarea,input.wpcf7-form-control{
        font-size: 12px;
    }
    .packages-outer .packages-bg{
        background: none;
    }
    .packages-outer .packages-bg .container > div{
        position: relative;
        background: url(../images/pattren.png);
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .form_content span.wpcf7-not-valid-tip {
        bottom: 5px;
        position: relative;
        float: right;
    }
    .form_content div.wpcf7-response-output {
        line-height: 18px;
        position: relative;
    }
    span.wpcf7-form-control-wrap.date-start::after{
        right: -10px;
    }
    .content-area .wpcf7 p {
        margin: 0px 0px;
        color: #fff;
    }
    ul.list-offer{
        margin-left: 0px;
    }
    .home-offer ul.list-offer li{
        display: block;
    }
	ul.packages-footer li {
    font-size: 10px;
}
.protected h3 {
    max-width: 335px;
	}
	.protected:after, .protected:before {
    background-size: 48%;
}
	.logo-area {
    top: 57px;
}
ul.list-offer {
    min-height: 280px;
}
}

@media screen and (max-width:736px){
.page-main {
    margin: 100px auto 30px;
}
}

@media screen and (max-width:667px){
.logo-area {
    top: 48px;
}
.banner-area {
    top: -11px;
}
.banner-content {
    top: -6px;
}
}

@media screen and (max-width:640px){
.logo-area {
    top: 34px;
}
.banner-area {
    top: -21px;
}
.banner-content {
    top: -13px;
}
.page-main {
    margin: 85px auto 30px;
}
.home-offer {
    margin: 85px auto 30px;
}
}

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

#packages-slider {margin-bottom: 70px;}
.outer-main {margin: 0px;}
	/*.page-main {margin: 60px auto 70px;}*/
	.page-main {
    margin: 80px auto 70px;
}
.home-offer ul.list-offer li span {
    font-size: 13px;
}

.modal-body {
    background: #fff;
    padding: 15px 5px;
    border-radius: 6px;
}

.home-offer ul.list-offer {
    margin: 20px 0px 20px 70px;
}

	.right-shadow:after{display: none;}

	.home-offer ul.list-offer li {
    text-align: left;
    background-image: none;
    padding-left: 0;
    width: auto;
}

ul.list-offer {
    display: list-item;
    margin-left: 30px;
}
ul.list-offer li:after{
    left: -40px;
    width: 80%;
}
span.packages_tagline {
    line-height: 23px;
    padding: 0px 0px 3px;
}
.protected h3 {
    font-size: 16px;
}
.protected:before {
    right: 21px;
}
.protected:after {
    left: 21px;
}
.title-header {
    height: 60px;
    width: 60px;
	padding-top: 35px;
}
.title-header h2 a {
    font-size: 14px;
}
.left-area:after {
    left: 135%;
}
.banner-content {
    top: -18px;
}
	.banner-area {
    top: -25px;
}
}

@media screen and (max-width:568px){
.banner-content {
    top: -30px;
}
.banner-area {
    top: -41px;
}
.logo-area {
    top: 13px;
}
	.home-offer {
    margin: 80px auto 0px;
}
}

@media screen and (max-width:480px){
.banner-content {
    top: -45px;
}
	.banner-content p {
    padding: 0;
    font-size: 12px;
}
.banner-area {
    top: -63px;
}
.logo-area {
    top: -2px;
}
ul.packages-footer li {
    padding: 0px 9px;
    padding-left: 28px;
	font-size: 12px;
}
.protected:after {
    left: 5px;
}
.protected:before {
    right: 5px;
}
	.protected h3 {
    font-size: 14px;
}
.banner-content {
    left: 17px;
    right: 17px;
}
.banner-area .banner-image:after {
    bottom: -124px;
}
	/*.page-main {
    margin: 180px auto 70px;
}*/
}

@media screen and (max-width:414px){
ul.packages-footer {
    width: 100%;
	margin:0 auto;
}
ul.packages-footer li {
    width: 49%;
    text-align: left;
}
	.protected h3 {
    font-size: 13px;
}
.title-header {
    height: 55px;
    width: 55px;
	margin: 0 auto;
	margin-top: 30px;
}
.title-header h2 a {
    font-size: 13px;
}
.left-area:after, .right-area:after {
    width: 30px;
}
.left-area:after {
    left: 135%;
}
.page-main {
    margin: 50px auto 70px;
}
.home-offer {
	margin: 50px auto 70px;	
}
.banner-content {
    top: -50px;
}
}

@media screen and (max-width:375px){
	ul.packages-footer li {
   font-size: 11px;
}
.banner-content p {
    font-size: 12px;
}
.banner-content {
    top: -54px;
}
.banner-area {
    top: -71px;
}
.logo-area {
   top: -6px;
}
ul.packages-footer {
    width: 100%;
    margin: 0 0 0 0;
}
	.protected h3 {
    font-size: 11px;
}
	.banner-area .banner-image:after {
    bottom: -140px;
}
.home-offer {
    margin: 70px auto 70px;
}
.page-main {
    margin: 70px auto 70px;
}
}

@media screen and (max-width:360px){
.banner-content {
    top: -62px;
}
.banner-area {
    top: -69px;
}
ul.packages-footer {
   width: 100%;
   margin: 0px 0 0 23px;
}
	.banner-content p {
    font-size: 12px;
}
	.banner-area .banner-image:after {
    bottom: -118px;
}
.home-offer {
    margin: 40px auto 70px;
}
.page-main {
    margin: 40px auto 70px;
}
}

@media screen and (max-width:320px){
	ul.packages-footer li {
    font-size: 9px;
}
.banner-content {
    top: -71px;
}
.banner-area {
    top: -76px;
}
.logo-area {
    top: -12px;
}
ul.packages-footer {
    width: 100%;
    margin: 0 0 0 0px;
}
	.protected h3 {
    font-size: 10px;
}
		.banner-content p {
    font-size: 11px;
}
	.banner-area .banner-image:after {
    bottom: -110px;
}
.home-offer {
    margin: 30px auto 0px;
}
.page-main {
    margin: 30px auto 70px;
}
.home-offer ul.list-offer {
    margin: 20px 0px 20px 50px;
}
}

@media (min-width:768px) and (max-width:991px){

}