header.masthead .device-container{ background:url(../img/ad.png) no-repeat; background-size:100%;}
header.masthead .header-content h1{ color:#fdcb52; font-weight:bold; font-size:44px;}
header.masthead .header-content h2{ color:#fdcb52; font-weight:bold; }
header.masthead{ background:url(https:url(../img/banner.jpg)) no-repeat; background-size:cover;}
.navbar .navbar-brand img{ max-width:100%; display:block;}
.img-center{ margin:0 auto; display:block;}
.footer-logo{ width:100%;}
.social-youtube{ background:#C4302B; border-radius:150px; }
.social-instagram{  border-radius:150px; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.btn-center{ display:block; margin:0 auto;}
.btn-ur {    font-size: 1.5em;    padding: 3px 45px 9px;}
#about{ background:url(../img/bg-about.jpg) no-repeat ; background-size:cover; }
#corona{background:url(../img/corona-bg.jpg) no-repeat ; background-size:cover; }
#zikr{background:url(../img/zikr-bg.jpg) no-repeat ; background-size:cover; }
#faq{background:url(../img/faq-bg.jpg) no-repeat ; background-size:cover; }
#contact-bg{background:url(../img/contact-bg.jpg) no-repeat ; background-size:cover; }
#maditation{background:url(../img/meditation-bg.jpg) no-repeat ; background-size:cover; }
#sufism{background:url(../img/sufism-bg.jpg) no-repeat ; background-size:cover; }
#rooh{background:url(../img/rooh-bg.jpg) no-repeat ; background-size:cover; }
#videos{background:url(../img/videos-bg.jpg) no-repeat ; background-size:cover; }
#post-bg{background:url(../img/posts-bg.jpg) no-repeat ; background-size:cover;  padding: 44px 0; margin-top: 24px;}
#social-bg{background:url(../img/social-bg.jpg) no-repeat ; background-size:cover; padding: 44px 0; margin-top: 24px; }
.line-height{ line-height:2.5rem}
.footer-social{ padding:17px;}
.whatsapp-link-style{color: grey;}

a.btn-warning:focus{color:black;}
a:focus, a:hover {
    color: black !important;}

@media (max-width: 992px) {
	#social-bg{margin-top: 0;}
	#post-bg{margin-top: 0;}
    
}
.button{ border-radius: 8px; margin-top: 20px;}	
  .header-content a{ text-decoration:none;}
  .silsila-title{max-width:400px;}
  .sisila-img:hover{opacity:0.7; }
  .bg-green{background:#287c44;}
  .silsila-text{ color:#FFFFFF;}
  .silsila-text:hover{ color:#fdca4f;}
section.download {  position: relative; padding: 44px 0;}
.navbar-expand-lg{ background:#FFFFFF; height:85px;}
#mainNav{ background:#FFFFFF; }
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus{ color:black;}
#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover, #mainNav.navbar-shrink .navbar-nav>li>a:hover{ color:#fdca4f;}
#mainNav .navbar-nav>li>a:focus:hover, #mainNav .navbar-nav>li>a:hover{ color:#fdca4f ;}
#mainNav{-webkit-box-shadow: 0px 2px 27px -10px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 2px 27px -10px rgba(0,0,0,0.56);
box-shadow: 0px 2px 27px -10px rgba(0,0,0,0.56);}
.f-w-500{ font-weight:500}
.f-w-600{ font-weight:600}
.f-w-700{ font-weight:700}
.f-w-800{ font-weight:800}
.f-w-900{ font-weight:900}
.full-bg-img{ background:#287c44;}
.button_btm { position: fixed; bottom: 16px; left: 16px; }
.intro-video{ padding:0px;}
.bg-gold{ background:#ffcb03}
.bg-red{ background:#FF0000}
.bg-green{ background:#287c44;}
.text-gold{ color:#fdca4f;}
.text-green{color: #287c44;}
.text-red{ color:#FF0000}
.text-decoration-none{ text-decoration:none;}
.shaikh-name{color: #287c44;}
.map{ border:none; margin-bottom:-8px}
.competetion-box{ }
.light-bg-grey{ background:#EDEDED;}
.naat-competetion{ padding:20px ;background:#F8F8F8; border:1px solid #9B9B9B; display:block; border-radius:8px; }
.naat-competetion:hover{ color:#FFFFFF; background:#fdca4f; -webkit-box-shadow: 0px 7px 21px -5px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 7px 21px -5px rgba(0,0,0,0.38);
box-shadow: 0px 7px 21px -5px rgba(0,0,0,0.38);}
.btn-green{    color: #FFFFFF;    background: #287c44;    display: block;    text-align: center;    padding: 4px 20px;    border-radius: 6px; margin-bottom:5px;}
.btn-green:hover{ color:#FFFFFF; background:#fdca4f; -webkit-box-shadow: 0px 7px 21px -5px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 7px 21px -5px rgba(0,0,0,0.38);
box-shadow: 0px 7px 21px -5px rgba(0,0,0,0.38);}
/*.rotating-logo:hover{transform: rotate(30deg); width:200px;}*/

/*.rotating-logo:hover {	-webkit-animation: rotation 3s infinite linear; }*/
.al-asaas{ padding:80px 0}


/*Voting poll*/

    #container #question {
        display: block;
        padding: 20px;
        font-weight: bold;
        
        margin-bottom: 20px;
        padding: 10px;
        font-size: 2rem;
    }
    #container div {
        font-weight: bold;
        background: #287c44;
        margin-bottom: 15px;
        padding: 10px;
        font-size: 1.5rem;
        color: #ffffff;
        border-left: 20px solid #fdca4f;
        width: 400px;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0 0.5em 0.5em 0;
        border-radius: 0 1.5em 1.5em 0;
    }
    #container div a {
        border-radius: 0.3em;
        text-decoration: none;
        color: #287c44;
        padding: 5px 15px;
        background: #fdca4f;
        margin: 0 20px;
    }
    #container div a:hover {
        color: #fff;
    }
	section.cta .overlay{ background-color:rgba(0,0,0,0);}
	.silsila-title-img {    margin-top: -140px; margin-bottom:55px;}
	
   
/* End of Voting poll*/

@media (max-width: 768px) {
	    #container div {font-size: 1.2rem;        width: 350px;}
		#container #question{font-size: 1.8rem;}
		#mainNav .navbar-toggler {    margin-left: 3px;}
		#mainNav .navbar-toggler {    font-size: 16px;    padding: 6px 10px;}
		
		
}
@media (max-width: 425px) {
	    #container div {font-size: .9rem;        width: 290px; }
		#container #question{font-size: 1.5rem;}
	
}
@media (max-width: 375px) {
	    #container div {font-size: .8rem;        width: 280px; }
		#container #question{font-size: 1.3rem;}
}



@-webkit-keyframes rotation {
		from {	-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(359deg);	}
}

section.cta {
    position: relative;
    padding: 140px 0;
    background-image: url(../img/bg-silsilah-mashaikh-img.png);
    background-position: center;
    background-size: cover;
}
hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgb(255, 255, 255);;
}

section.features .section-heading {
    margin-bottom: 50px;
}
#WAButton{ z-index:999}

#mainNav .navbar-brand{ float:right; margin-right:0}

.dropdown-menu { background-color: #FFFFFF;}

.nav-img{ max-height:35px; }
.shaikh-title{ max-height: 200px;}


@media (max-width: 740px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view { height: 700px;}
	.floating-wpp-button{ width:40px !important; height:40px !important;}
}
@media (min-width: 540px){.section-heading { margin-bottom:50px !important}}

@media (min-width: 992px){
header.masthead .device-container {  max-width: 100%;  margin-top: 238px;}
}
#naat-bg { background: url(../img/bg-naat.png) no-repeat; background-size: cover;}
@media (max-width: 992px) {
header.masthead .header-content h1{ font-size:28px}
.logo-lg{ display:none;}
.logo-sm{display:block}
/*.navbar .navbar-brand img{ width:300px}*/
/*.my-auto{ margin-bottom:10px !important; margin-top:10px !important;}*/
.navbar-expand-lg{ height:auto !important}
.navbar-expand-lg { background-size: cover;}
.hidden-sm{ display:none;}
.hidden-lg{ display:block; width: 100%;}
.mobile-mb{ margin-bottom:24px !important;}
.silsila-title{ max-width: 100%; height: auto;}
.menu-ur-mobile{ padding-right:0;}
.menu-ur-mobile li{ text-align:right;}
.sm-ml-0{ margin-left:0 !important}
#about { background: url(../img/bg-about.jpg) no-repeat; background-size: cover;}
#naat-bg { background: url(../img/bg-naat.png) no-repeat; background-size: cover;}
.silsila-title-img{margin-bottom: 0px;}
section.cta {  padding: 118px 0 40px;}
.al-asaas{ padding:20px 0}


}

@media (min-width: 992px) {
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus{ font-size:16px;}
.logo-lg{ display:block;}
.logo-sm{display:none;}
/*.navbar .navbar-brand img{ width:400px}*/
footer p{ font-size:18px}
footer ul li a{ font-size:18px}
.hidden-sm{ display:block;}
.hidden-lg{ display:none;}
.img-mt{ margin-top:-96px}
}



@media (min-width: 768px) {
/*.hidden-mobile{ display:block;}
.hidden-lg{ display:none}*/
}

.display-5{ font-size: 1.8rem;}
.display-6{ font-size: 1.3rem;}

@media (max-width: 350px) {	.banner-text{bottom: -8px!important;} 
.rotating-logo { width: 90px;}
	}

@media (max-width: 992px) {
.rotating-logo { width: 160px;}
}

@media (max-width: 768px) {
.rotating-logo { width: 120px;}
}

@media (max-width: 425px) {
.rotating-logo { width: 100px;}
}
@media (max-width: 375px) {
.rotating-logo { width: 90px;}
}

@media (max-width: 768px) {
.display-3{ font-size: 2rem;}
.display-4{ font-size: 1.6rem;}
.display-5{ font-size: 1.3rem;}
.display-6{ font-size: 1rem;}
.lead { font-size: 0.85rem;}
p{ line-height: 1.4;}
  .rotating-logo:hover { -webkit-animation: rotation 3s infinite linear;}
  .banner-p{ font-size:14px;}
  @-webkit-keyframes rotation {		from {	-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(359deg);	}}

/*.hidden-mobile{ display:none;}
.hidden-lg{ display:block;}*/
}
@media (max-width: 375px) {.banner-p{ font-size:13px;} }

#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus{ margin:0 5px; text-transform: none;}

@media (min-width: 1920px) {
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus{ font-size:19px;}
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a.ur-p{ font-size:1.5em;}
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a.eng{ font-size:19px;}
/*.navbar .navbar-brand img{ width:500px}*/
}



/*Faqs Page CSS*/

.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0;
}
.accordion-section .panel-default .panel-title a {
    display: block;
    /*font-style: italic;*/
    font-size: 1.5rem;
}
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 3rem;
    content: "\f106";
    color: #287c44;
    float: right;
    margin-top: -12px;
	display:none;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}

/*background video*/

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://youtu.be/jEVStxoSH24') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}



/*Tabs Video*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    /*font-size: 18px;*/
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    /*font-size: 18px;*/
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}


/*Contact Us*/

input {
	outline: none;
	border: none;
}

textarea {  outline: none; border: none;}

textarea:focus, input:focus { border-color: transparent !important;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}

/*//////////////////////////////////////////////////////////////////
[ utility ]*/

/*==================================================================
[ Text ]*/
.txt1 {
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}
.txt1-ur {
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
}
.txt2 {
  font-size: 15px;
  line-height: 1.6;
  color: #999999;
}
.txt2-ur {
  font-size: 22px;
  line-height: 1.6;
  color: #999999;
}

.txt3 {
  font-size: 15px;
  line-height: 1.6;
  color: #00ad5f;
}
.txt3-ur {
  font-size: 22px;
  line-height: 1.6;
  color: #00ad5f;
}

/*==================================================================
[ Size ]*/
.size1 {
  /*width: 355px;*/
  max-width: 100%;
}

.size2 {
  width: calc(100% - 43px);
}


/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

.container-contact100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #f2f2f2;
  
}

.wrap-contact100 {
 /* width: 1120px;*/
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse;

}

/*==================================================================
[ Contact more ]*/
.contact100-more {
 /* width: 50%;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  padding: 50% 50px 50% 50px ;
}

.contact100-more::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}



/*==================================================================[ Form ]*/

.contact100-form {
 /* width: 50%;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 10px 50px 10px;
}

.contact100-form-title {
  width: 100%;
  display: block;
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 33px;
}



/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  border: 1px solid #e6e6e6;
}

.rs1-wrap-input100,
.rs2-wrap-input100 {
  width: 50%;
}

.rs2-wrap-input100 {
  border-left: none;
}

.label-input100 {
  font-size: 12px;
  color: #555555;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 1px;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  border: none;
  border-bottom: none; 
  padding: 5px 0px;
  margin-top: 15px;
  margin-bottom: 0;
}
.label-input100-ur {
  font-size: 17px;
  color: #555555;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 1px;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  border: none;
  border-bottom: none; 
  padding: 5px 0px;
  margin-top: 15px;
  margin-bottom: 0;
}

.input100 {
  display: block;
  width: 100%;
  background: transparent;
  font-size: 18px;
  color: #666666;
  line-height: 1.2;
  padding: 0 25px;
}

input.input100 {
  height: 55px;
}


textarea.input100 {
  min-height: 139px;
  padding-top: 19px;
  padding-bottom: 15px;
}

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

.focus-input100 {
  position: absolute;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  pointer-events: none;
  border: 1px solid #00ad5f;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  -webkit-transform: scaleX(1.1) scaleY(1.3);
  -moz-transform: scaleX(1.1) scaleY(1.3);
  -ms-transform: scaleX(1.1) scaleY(1.3);
  -o-transform: scaleX(1.1) scaleY(1.3);
  transform: scaleX(1.1) scaleY(1.3);
}

.input100:focus + .focus-input100 {
  visibility: visible;
  opacity: 1;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}



/*------------------------------------------------------------------
[ Button ]*/
.container-contact100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 23px;
}

.contact100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 200px;
  height: 50px;
  border-radius: 2px;
  background: #00ad5f;
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.contact100-form-btn-ur {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 200px;
  height: 50px;
  border-radius: 2px;
  background: #00ad5f;
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact100-form-btn:hover {
  background: #fdca4f;
}

/*thumbnail slider section*/

.gallery {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  background: white;
  width: 100%;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
}
.gallery input[name$="control"] {
  display: none;
}
.gallery .carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  /*height: 70vh;*/
  width: 100%;
}
.gallery .wrap {
/*  width: 100%;
  height: 100%;*/
  position: static;
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 20px;
  background: #eaeaea;
}
.gallery .wrap figure {
  padding: 10px;
  height: 100%;
  min-width: 100%;
  -webkit-transition: opacity 0.25s ease-in-out 0.05s;
  transition: opacity 0.25s ease-in-out 0.05s;
  position: relative;
  left: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
}
/*.gallery .wrap figure label {
  cursor: zoom-in;
  height: auto;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}*/
.gallery .wrap figure img {
  cursor: inherit;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gallery .thumbnails {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: max-content;
  max-height: 100%;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  z-index: 20;
}
.gallery .thumbnails .thumb {
  min-width: 60px;
  /*height: 60px;*/
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
  opacity: 0.7;
  margin: 5px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  left: 0;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
}
.topic{ background:#E1E1E1; padding:5px;}
.topic:hover, .topic:focus, .topic:visited{ background:green; color:white;}
.gallery .thumbnails .slider {
  position: absolute;
  display: block;
  width: 5px;
  height: calc(40px + 0px);
  z-index: 2;
  margin: 0;
  left: 0;
  -webkit-transition: all 0.33s cubic-bezier(0.3, 0, 0.33, 1);
  transition: all 0.33s cubic-bezier(0.3, 0, 0.33, 1);
}
.gallery .thumbnails .slider .indicator {
  width: 100%;
  height: 30px;
  max-height: calc(100% - 10px);
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
 /* background: #428BFF;*/
  border-radius: 1px;
}
.gallery input#fullscreen:checked ~ .wrap figure {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  padding: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
/*.gallery input#fullscreen:checked ~ .wrap figure label {
  cursor: zoom-out;
}*/
.gallery input#fullscreen:checked ~ .wrap figure label img {
  -webkit-animation: shadow 0.2s;
          animation: shadow 0.2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-direction: forwards;
          animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  border-radius: 0;
}
.gallery input#image1:checked ~ .wrap figure {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.gallery input#image1:checked ~ .wrap figure:not(:nth-of-type(1)) {
  opacity: 0;
}
.gallery input#image1:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.gallery input#image1:checked ~ .thumbnails .thumb:nth-of-type(1) {
  opacity: 1;
  cursor: default;
}
.gallery input#image2:checked ~ .wrap figure {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.gallery input#image2:checked ~ .wrap figure:not(:nth-of-type(2)) {
  opacity: 0;
}
.gallery input#image2:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.gallery input#image2:checked ~ .thumbnails .thumb:nth-of-type(2) {
  opacity: 1;
  cursor: default;
}
.gallery input#image3:checked ~ .wrap figure {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.gallery input#image3:checked ~ .wrap figure:not(:nth-of-type(3)) {
  opacity: 0;
}
.gallery input#image3:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
}
.gallery input#image3:checked ~ .thumbnails .thumb:nth-of-type(3) {
  opacity: 1;
  cursor: default;
}
.gallery input#image4:checked ~ .wrap figure {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.gallery input#image4:checked ~ .wrap figure:not(:nth-of-type(4)) {
  opacity: 0;
}
.gallery input#image4:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(300%);
          transform: translateY(300%);
}
.gallery input#image5:checked ~ .wrap figure {
  -webkit-transform: translateX(-400%);
          transform: translateX(-400%);
}
.gallery input#image5:checked ~ .wrap figure:not(:nth-of-type(5)) {
  opacity: 0;
}
.gallery input#image5:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(400%);
          transform: translateY(400%);
}
.gallery input#image5:checked ~ .thumbnails .thumb:nth-of-type(5) {
  opacity: 1;
  cursor: default;
}
.gallery input#image6:checked ~ .wrap figure {
  -webkit-transform: translateX(-500%);
          transform: translateX(-500%);
}
.gallery input#image6:checked ~ .wrap figure:not(:nth-of-type(6)) {
  opacity: 0;
}
.gallery input#image6:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(500%);
          transform: translateY(500%);
}
.gallery input#image6:checked ~ .thumbnails .thumb:nth-of-type(6) {
  opacity: 1;
  cursor: default;
}
.gallery input#image7:checked ~ .wrap figure {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}
.gallery input#image7:checked ~ .wrap figure:not(:nth-of-type(7)) {
  opacity: 0;
}
.gallery input#image7:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(600%);
          transform: translateY(600%);
}
.gallery input#image7:checked ~ .thumbnails .thumb:nth-of-type(7) {
  opacity: 1;
  cursor: default;
}

.gallery input#image8:checked ~ .wrap figure {
  -webkit-transform: translateX(-700%);
          transform: translateX(-700%);
}
.gallery input#image8:checked ~ .wrap figure:not(:nth-of-type(8)) {
  opacity: 0;
}
.gallery input#image8:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(700%);
          transform: translateY(700%);
}

.gallery input#image8:checked ~ .thumbnails .thumb:nth-of-type(8) {
  opacity: 1;
  cursor: default;
}

.gallery input#image9:checked ~ .wrap figure {
  -webkit-transform: translateX(-800%);
          transform: translateX(-800%);
}
.gallery input#image9:checked ~ .wrap figure:not(:nth-of-type(9)) {
  opacity: 0;
}
.gallery input#image9:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(800%);
          transform: translateY(800%);
}
.gallery input#image9:checked ~ .thumbnails .thumb:nth-of-type(9) {
  opacity: 1;
  cursor: default;
}

.gallery input#image10:checked ~ .wrap figure {
  -webkit-transform: translateX(-900%);
          transform: translateX(-900%);
}
.gallery input#image10:checked ~ .wrap figure:not(:nth-of-type(10)) {
  opacity: 0;
}
.gallery input#image10:checked ~ .thumbnails .slider {
  -webkit-transform: translateY(900%);
          transform: translateY(900%);
}

.gallery input#image10:checked ~ .thumbnails .thumb:nth-of-type(10) {
  opacity: 1;
  cursor: default;
}

@-webkit-keyframes full {
  from {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes full {
  from {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes shadow {
  from {
    box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0), 0 0 10vmin rgba(13, 21, 31, 0);
  }
  to {
    box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0.6), 0 0 10vmin rgba(13, 21, 31, 0.6);
  }
}
@keyframes shadow {
  from {
    box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0), 0 0 10vmin rgba(13, 21, 31, 0);
  }
  to {
    box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0.6), 0 0 10vmin rgba(13, 21, 31, 0.6);
  }
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 992px) {
  .contact100-form {
    width: 60%;
    padding: 56px 30px 63px 30px;
  }

  .contact100-more {
    width: 40%;
  }
  .s-t-m{ font-size:20px;}
  #contact .container p{ margin-bottom:6px;}
  .mobile-p{ font-size:16px;}
  .mt-mobile-10{ margin-top:0px !important}
}

@media (max-width: 768px) {
  .contact100-form {
    width: 100%; }

  .contact100-more {
    width: 100%; }
	.mobile-p{ font-size:14px;}
	
	
}
@media (max-width: 1100px){
.s-t-m {    font-size: 18px;}
}

@media (max-width: 576px) {
  .contact100-form {
    padding: 56px 15px 63px 15px;
  }

  .rs1-wrap-input100,
  .rs2-wrap-input100 {    width: 100%;  }

  .rs2-wrap-input100 {
    border-left: 1px solid #e6e6e6;
    border-top: none;  }
  .s-t-m{ font-size:14px;}
}




/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.banner-home{ background:#ffcb03;}
.banner-text{ bottom:0;}
.banner-p{ color:#FFFFFF}
.banner-title{ color:#8dc63f; }
.news{ margin-top:0px;}
.news-ur{ margin-top:61px;}
.alert-validate::after {
  content: "\f12a";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}
.img-shadow{-webkit-box-shadow: 0px 18px 39px 1px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 18px 39px 1px rgba(0,0,0,0.33);
box-shadow: 0px 18px 39px 1px rgba(0,0,0,0.33);}
.img-shadow:hover{-webkit-box-shadow: inset 0px 18px 39px 1px rgba(0,0,0,0.33);
-moz-box-shadow: inset 0px 18px 39px 1px rgba(0,0,0,0.33);
box-shadow: inset 0px 18px 39px 1px rgba(0,0,0,0.33);}
section.contact ul.list-social li a { font-size: 25px; line-height: 60px; width: 60px; height: 60px;}
.language-icon{ background:url(../img/glob.png) 1px 1px no-repeat; padding-left:40px; background-size:46px; background-color: #5a6268c4; }
.ayat-trans{ text-align:center; padding:15px; background:#E9E9E9; display:block;}
/*language button icon*/
.dropdown-toggle::after{ display:none}
.language-icon{ padding:24px;}
.f-ur{ padding:7px 0 !important;}
.floating-wpp .floating-wpp-button{ width:50px !important; height:50px !important;}
@media (max-width: 1200px) {
.dropdown-toggle::after{ display:none}
.language-icon{ padding:24px;}
.s-t-m { font-size: 24px;}
.asaas-text{ font-size:36px;}
.banner-p{ font-size:15px;}
.display-3 { font-size: 3.5rem;}
.rotating-logo { width: 160px;}
.banner-text { bottom: 30px;}
}


@media (max-width: 1440px) {
	.s-t-m { font-size: 26px;}
	}
	
@media (max-width: 425px) {
.asaas-text{ font-size:28px;}
.s-t-m { font-size: 16px;}
.language-icon{ padding:24px; background-size: 46px;}
}

.gallery .wrap figure { height: auto;}
.gallery .wrap{ height: 560px;}
  @media (max-width: 992px) {
	.navbar .navbar-brand img{ max-width:254px}
	footer p{ font-size:14px}
	footer ul li a{ font-size:14px}
	.logo-top-right{    position: absolute; right: 10px; top: 8px;}
	.top-bar-ur{ padding: 0px 10px;}
	section.contact ul.list-social li a { font-size: 18px; line-height: 40px; width: 40px; height: 40px;}
	.text-center-mobile{ text-align:center !important;}
	.mobile-manu-eng{ padding:20px 0}
	.news { margin-top: 0px;}
	.news-ur { margin-top: 38px}
	/*.rotating-logo { -webkit-animation: rotation 4s infinite linear;}*/
	section { padding: 30px 0;}
	section.features .section-heading {  margin-bottom: 50px!important;}
	section.contact h2 { margin-bottom: 12px;}
	/*.accordion-section .panel-default .panel-title a{font-size: 1.2rem;}*/
	.alert-validate::before { visibility: visible; opacity: 1;}
}



@media (max-width: 320px) {

	section.features .section-heading {  margin-bottom: 50px !important;}}



@media (max-width: 768px) {
.display-3{ font-size: 2.7rem;}
.display-4{ font-size: 1.6rem;}
.display-5{ font-size: 1.3rem;}
.display-6{ font-size: 1rem;}
.lead { font-size: 0.85rem;}
p{ line-height: 1.4;}
  /*.rotating-logo:hover { -webkit-animation: rotation 3s infinite linear;}*/
  .banner-p{ font-size:14px;}
}

.list-inline {    padding-right: 0 !important;}
.list-inline-item:not(:last-child) {    margin-right: 0;}
 @media (max-width: 992px) {.logo-top-right { right: 14%;} .banner-text { bottom: 0px; width:95% } .rotating-logo { width: 180px;}}
 @media (max-width: 900px) {.logo-top-right { right: 10%;}}
 @media (max-width: 850px) {.logo-top-right { right: 7.7%;}}
 @media (max-width: 800px) {.logo-top-right { right: 5%;}}
 @media (max-width: 770px) {.logo-top-right { right: 3.5%;}}
 @media (max-width: 767px) {.logo-top-right { right: 15.2%;} .banner-text { bottom: -10px; width:95%} .rotating-logo { width: 144px;}}
 @media (max-width: 740px) {.logo-top-right { right: 14%;}}
 @media (max-width: 700px) {.logo-top-right { right: 12%;}}
 @media (max-width: 660px) {.logo-top-right { right: 10%;}}
 @media (max-width: 640px) {.logo-top-right { right: 8%;}}
  @media (max-width: 600px) {.logo-top-right { right: 5%;}}
 @media (max-width: 576px) {.logo-top-right { right: 4%;}}
 @media (max-width: 480px) {.rotating-logo { width: 130px;}}
 @media (max-width: 425px) {.rotating-logo { width: 120px;} .banner-text { width:93% }}
 @media (max-width: 375px) {.rotating-logo { width: 105px;} .banner-text { width:92% }}
  @media (max-width: 340px) {.rotating-logo { width: 98px;}}
 @media (max-width: 320px) {.rotating-logo { width: 92px;} .banner-text { width:90.1% }}
 
  @media (max-width: 575px) {.logo-top-right{ right: 10px; top: 8px;}}

@media (max-width: 320px) {
	    #container div {font-size: .6rem;        width: 230px; }
		#container #question{font-size: 1rem;}
		.navbar .navbar-brand img {  max-width: 210px;}
		.mobile-manu-eng {    padding: 15px 0;}
		.news {    margin-top: 60px}
		.news-ur {    margin-top: 28px}
		#mainNav .navbar-toggler {
    font-size: 13px;    padding: 7px 10px;}
}
  
  .contact100-more { padding: 30px 30px 30px 30px ;}
  .competetion-box{ margin-bottom:10px;}
  
}




/*<!--===========================Slider thumbnail====================-->*/

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}

.floating-wpp .floating-wpp-popup.active {    bottom: 52px !important}

.carousel-control-next, .carousel-control-prev{    width: 4%;}
.carousel-control-prev {  left: -28px;}
.carousel-control-next {    right: -28px;}
.carousel-control-prev-icon{ background:url(../img/arrow-left.png) no-repeat; background-size:100%;}
.carousel-control-next-icon{ background:url(../img/arrow-right.png) no-repeat; background-size:100%;}
.ur-heading{ font-size: 3.3rem;}
.ur-regular{ font-size: 2.3rem; font-weight: 300;  }
.ur-text-small{ font-size: 1.5rem;}

.fb-frame{width:363px; height:500px; border-radius:30px ; border: 20px solid #000000 !important; border-top: 40px solid #000000 !important; border-bottom: 40px solid #000000 !important; overflow:hidden;}

.ur-banner-text{ font-size:1.9rem}
@media (max-width: 1200px) {
	.ur-banner-text{ font-size:1.6rem}
}
@media (max-width: 992px) {
	.fb-frame{ margin:0 auto; display:block;}
	.mobile-img-center{ margin:0 auto; display:block;}
	}
	@media (max-width: 575px) {
		.carousel-control-prev {  left: -20px;}
.carousel-control-next {    right: -20px;}
	}
	@media (max-width: 425px) {
		.carousel-control-prev {  left: -28px;}
.carousel-control-next {    right: -28px;}
	}
	
	
	@media (max-width: 425px) {
	.fb-frame{width:300px; height:500px; margin:0 auto; display:block;
	border-radius:10px ; border-right: 5px solid #000000 !important;border-left: 5px solid #000000 !important; border-top: 40px solid #000000 !important; border-bottom: 40px solid #000000 !important;}
	
.ur-heading{ font-size: 2.5rem;}
.ur-regular{ font-size: 1.8rem;   line-height: 2.5rem;}
.ur-text-small{ font-size: 1.2rem;}
	
	}
	
	.top-news{ margin:0 25px;}
	
	
	
/*==================================================================================== Search Bar ======================================================================*/
.search {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}


.search * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
  /*position: relative;*/
}
.search__field {
  width: 200px;
  height: 40px;
  color: transparent;
/*  font-family: Lato, sans-serif;*/
  font-size: 1.35em;
  padding: 0.35em 50px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background:rgba(255,255,255,0.9)
}
.search__field:focus {
  border-bottom-color: #ccc;
  width: 50vw;
  color: #2b2b2b;
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
  position: absolute;
  top: 0;
  right: 0;
  /*background-color: #e9f1f4;*/
  width: 50px;
  height: 40px;
  font-size: 1.35em;
  text-align: center;
  border-color: transparent;
  border-radius: 50%;
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}

.search__field { width: 550px;  border-radius: 16px;}
.banner-video{ margin-bottom:25px}
.topic-title{ line-height: 1.8rem; margin-top:3px;}
.search-top{ margin-top: 25px;} 
/*.btn-fb-post:hover  { border-color: #287c44 ;  background-color: #287c44; }*/
 

 
@media (max-width: 1200px) {.video-frame { height: 164px;} }
@media (max-width: 1199px) {.video-frame { height: 137px;} .nav-img { max-height: 32px;}}
@media (max-width: 1080px) {.nav-img {    max-height: 28px;}}
@media (max-width: 992px) { .banner-video{ margin-bottom:10px}
.carousel-control-next, .carousel-control-prev {    width: 5%;}
.mobile-video-slider{width: 90%;  margin: 0 auto;}
.fb-post-slider {width: 98%;  margin: 0 auto;}
}



@media (max-width: 768px) {	.search__field { width: 384px;}
.video-frame{ height:166px;}
}

@media (max-width: 767px) {	.video-frame{ height:122px;}}


@media (max-width: 425px) {.search__field { width: 340px; height: 37px; color: transparent; font-size: 1.35em; padding: 0.2em 50px 0.2em 0;} 
.search__icon { width: 40px; height: 37px; font-size: 1.0em;} .search__field:focus { width: 80vw;} .banner-video{ margin-bottom:0px} 
.post-images{ width:35%;}
.carousel-control-next { right: -18px;} .carousel-control-prev { left: -18px;}
.search-top{ margin-top: 23px;}
.video-frame{ height:92px;}
}
@media (max-width: 375px) { .search__field { width: 300px;}
.video-frame { height: 80px;}.search {top: 5.5%}
}

@media (max-width: 320px) { .search__field { width: 256px; height: 33px;} .search__icon { width: 40px; height: 32px;} .search {top: 4.5%} 
.video-frame { height: 64px;}
}

/*==========================================================================================================================*/

.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 30px; height: 30px;}

@media (min-width: 992px){.container { max-width: 93%;}}
@media (min-width: 1200px){.container { max-width: 1140px;}}





@media (max-width: 992px)
section.features .section-heading {
    margin-bottom: 50px;
}

/*for disable link*/
.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.isDisabled > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}