/*////////////////////////////////////////////////////////////////////////      Responsive Css      ////////////////////////////////////////////////////////////////*/

/**{
    overflow: hidden !important;
}
*/




@media(min-width:2561px) {
.container-fluid{
        max-width: 1300px
    }
}




/*=======Start Max-width: 2560px====*/

@media(max-width:2560px) {

    .container-fluid{
        max-width: 1300px
    }

}

/*=======End Max-width: 2560px====*/


@media(max-width:2300px) {

}



@media(max-width:2100px) {


}



/*========Start 1920px=========*/

@media(max-width:1920px) {

}

/*========End 1920px=========*/





/*=======Start 1680px=========*/

@media(max-width:1680px) {

}

/*=======End 1680px==========*/


@media(max-width:1600px) {

}

/*==============Start 1440px============*/

@media(max-width:1440px) {
   .container-fluid{
        max-width: 990px
    }
    header nav {
        width: 50%;
    }

    h1, h2 {
        font-size: 40px;
    }
    h3{
        font-size: 30px
    }

     h4{
        font-size: 20px
    }
    
    #banner .left h1 br{
        display: none;
    }
   .container-fluid {
        max-width: 1024px;
    }

     #why .right {
        padding-left: 30px;
    }

    #why .left{
            padding-right: 30px;
    }

    .flex-row-reverse .left{
        padding-left: 30px !important;
    }
    .flex-row-reverse .right{
        padding-right: 30px !important;
    }

    #cards .cards-holder ul li{
        width: 29%;
    }

    #cards .cards-holder ul.first-row li, #cards .cards-holder ul li{
        padding: 25px;
        padding-top: 50px;
    }
    #cards .cards-holder ul li h4{
        margin-bottom: 15px;
    }

    footer nav{
            width: 45%;
    }

    footer nav ul.first-nav + ul {
        margin-right: 0px;
    }

.form{
    padding-right: 10%;
}

}  

/*==============End 1440px============*/



/*=========Start 1366px===========*/

@media(max-width:1366px) {



}

/*=========End 1366px===========*/

@media (max-width:1284px){
  
}


@media (max-width:1280px){

  
}

/*=========Start 1200px===========*/

@media (max-width:1200px) {

}



/*=========End 1200px===========*/



@media(max-width:1160px) {



}

@media(max-width:1120px) {

}

@media(max-width:1090px) {


}

@media(max-width:1080px) {

    .container-fluid{
        max-width: 760px
    }
    header nav .navbar-nav li a{
        font-size: 16px
    }
    header .navbar{
        padding:0;
    }
    header nav .navbar-nav li{
        margin: 0
    }
    .btn{
        font-size: 16px
    }
    header .btn{
        padding: 12px 20px 10px;
    }

     h1, h2 {
        font-size: 30px;
    }

    h3{
        font-size: 23px
    }
    h4{
        font-size: 20px
    }

    .btn{
        font-size: 16px
    }

    p span.medium{
        font-size: 16px
    }

    .p-narrow-60{
      padding: 33px 0;
    }

    .p-medium-80{
      padding: 66px 0;
    }

    .p-big-gap{
      padding: 60px 0;
    }


    .large-pad{

      padding: 130px 0;

    }

    header {
        padding: 26px 0;
    }

    #why h3 br{
        display: none;
    }
    #cards .cards-holder ul li {
    width: 45%;
}

.form{
        padding-right: 0;
}

#why.contact.login form .f-row:last-child{
    display: flex;
    flex-direction: column-reverse;
}

#why.contact.login form .forgot{
    padding-left: 0
}
}

@media(max-width:1024px) {



}

@media (max-width:991px) {
   
 header .navbar-collapse{
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    background: #f8a41a;
    z-index: 999999;
    width: 240px;
    display: block !important;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 100% !important;
    padding-top: 40px
 }
 header .navbar-collapse.open{
    right: 0
 }

 header nav {
    width: auto;
    margin-left: auto;
}

.p-narrow-60{
  padding: 30px 0;
}

.p-medium-80{
  padding: 60px 0;
}

.p-big-gap{
  padding: 80px 0;
}


.large-pad{

  padding: 120px 0;

}

#cards .cards-holder ul li {
    width: 44%;
}

footer .collapse:not(.show){
  display: flex
}

.mar-left {
    padding-left: 0px !important;
    margin-top: 30px
}

.w-65 {
    width: 100%;
}

.navbar-nav li.active a{
    color: #fff !important
}

#banner .right{
        padding-left: 25px;
}

#banner .left {
    padding-right: 25px;
}
}




@media(max-width:800px) {
   
.container-fluid{
        max-width: 100%;
        padding:0 50px;
    }

}





@media(max-width:768px) {
.cont-info, .cont-details{
    text-align: left;
}

}



@media(max-width:767px) {
.navbar-toggler{
    margin-right: 5px;
}

.p-narrow-60{
  padding: 25px 0;
}

.p-medium-80{
  padding: 50px 0;
}

.p-big-gap{
  padding: 60px 0;
}


.large-pad{

  padding: 90px 0;

}

#banner .left {
    padding-right: 0px;
    padding-top: 20px
}



#banner .row{
    flex-direction: column-reverse;
}
#why .left{
    padding-right: 0px;
    margin-bottom: 40px
}

#why .right {
    padding-left: 0px;
}
#why .left, #why .right{
    text-align: center;
}

#cards .cards-holder ul li{
        width: 100%;
}

#cards {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(234,234,239,1) 15%, rgba(234,234,239,1) 90%, rgba(250,164,25,1) 90%, rgba(250,164,25,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(30%, rgba(234,234,239,1)), color-stop(80%, rgba(234,234,239,1)), color-stop(80%, rgba(250,164,25,1)), color-stop(100%, rgba(250,164,25,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(234,234,239,1) 15%, rgba(234,234,239,1) 90%, rgba(250,164,25,1) 90%, rgba(250,164,25,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(234,234,239,1) 15%, rgba(234,234,239,1) 90%, rgba(250,164,25,1) 90%, rgba(250,164,25,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(234,234,239,1) 15%, rgba(234,234,239,1) 90%, rgba(250,164,25,1) 90%, rgba(250,164,25,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(234,234,239,1) 15%, rgba(234,234,239,1) 90%, rgba(250,164,25,1) 90%, rgba(250,164,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faa419', GradientType=0 );
}

#cards .cards-holder ul.first-row li img{
    position: relative;
    left: unset; 
    top: unset; 
    -webkit-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}

#cards .cards-holder ul li{
    margin-left: 0;
    margin-right: 0
}

#cards .cards-holder ul.first-row li h4 {
    margin-top: 25px;
}
#cards .cards-holder ul.first-row li, #cards .cards-holder ul li{
    padding-bottom: 50px
}

#subscription p{
    width: 100%
}

#why .left{
    padding-left: 0px !important;
}

#why .right{
     padding-right: 0px !important;
}
#cards h3{
        margin-bottom: 0px;
}

.cards-holder {
    margin-top: 6%;
}
footer .row:first-child{
    justify-content: center !important;

}
footer .logo {
    width: 38%;
}
footer nav {
    width: 62%;
}

footer nav ul.first-nav {
    margin-left: 0;
}

footer .collapse:not(.show){
    justify-content: center;
    margin: 0px 0;
    margin-bottom: 0
}

#why.contact .flex-row-reverse .left{
    padding-left: 0px !important;
}
#why.contact .flex-row-reverse .right{
        padding-right: 0px !important;
}

#why.contact.login form .f-row:last-child{
    display: block;
    text-align: left;
}
#why.contact.login form .forgot {
    padding-left: 20px;
}


.home-banner-gap {
    padding: 60px 0 60px;
}

.inner-page-why .left {
    padding-right: 0px;
    margin-bottom: 30px
}

.inner-page-why .right {
    padding-left: 0px;
    text-align: center;
}

#banner .right{
    padding-left: 0px;
}

.about-sec-3 .left {
    padding-right: 0px;
    margin-bottom: 30px
}


.about-sec-3 .right {
    padding-left: 0px;
}

.inner-page-why .flex-row-reverse .left {
    padding-left: 0px !important;
}
.inner-page-why .flex-row-reverse .right {
    padding-right: 0px !important;
}

.about-sec-2 .left-block p{
        column-count: 1;
    grid-column-gap: 0;
}

}



@media(max-width:680px) {

}


@media(max-width:640px) {
.logo {
    width: 210px;
}

header nav .navbar-nav li:last-child{
  display: block;
}

.login-btn{
    display: none;
}

footer .login-btn{
    display: block;
}


footer .logo {
    width: 50%;
}

footer nav {
    width: 100%;
}


}

@media(max-width:580px) {
  

}


@media(max-width:576px) {

}


@media(max-width:550px) {
  
}






@media(max-width:480px) {
    .container-fluid{
        padding: 0 40px;
    }

    .logo {
        width: 180px;
    }

    .navbar-toggler{
        width: 38px;
    height: 35px;
    }
    .navbar-toggler span.ham-bar:first-child {
    top: 7px;
}
.navbar-toggler span.ham-bar:nth-of-type(2) {
    top: 15px;
}
.navbar-toggler span.ham-bar:last-child {
    top: 23px;
}

header {
    padding: 22px 0;
}

.p-narrow-60{
  padding: 30px 0;
}

.p-medium-80{
  padding: 40px 0;
}

.p-big-gap{
  padding: 50px 0;
}


.large-pad{

  padding: 70px 0;

}
#publishers h4{
        margin-bottom: 30px;
}
footer .logo {
    width: 75%;
}

footer .collapse:not(.show){
    display: block;
}

footer .row:first-child {
    justify-content: flex-start !important;
}

footer .nav-link,footer .navbar{
    padding-left: 0
}
footer nav ul li a{
    font-size: 16px
}
}

@media(max-width:414px) {
#why.contact.login form .f-row:last-child {
    display: flex;
    flex-direction: column-reverse;
}
#why.contact.login form .forgot {
    padding-left: 0;
}

.home-banner-gap {
    padding: 50px 0 50px;
}
.large-btn {
    width: 100%;
}
}



@media(max-width:390px) {

.container-fluid{
        padding: 0 15px;
    }

    h1, h2 {
    font-size: 28px;
}

footer .logo {
    width: 100%;
    margin-bottom: 20px
}

.container-fluid .row{
    padding: 0 15px
}
.inner-page-why .p-medium-80{
        padding: 40px 15px;
}
p span.medium {
    font-size: 15px;
}
.copyright{
        padding-top: 25px !important;
}

.about-sec-2 .left-block {
    padding: 0
}
}



@media(max-width: 360px){

.logo {
    width: 160px;
}


.btn:hover .effect{
    -webkit-transform: scale(2.5,2.5) rotate(20deg);
    -ms-transform: scale(2.5,2.5) rotate(20deg);
    -o-transform: scale(2.5,2.5) rotate(20deg);
    transform: scale(2.5,2.5) rotate(20deg);
}



}
@media(max-width: 320px){

}