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



    /*================== Large screen  ===========================*/



}







@media screen and (max-width: 1200px) and (min-width: 992px){





}







@media screen and (min-width:992px) and (max-width:1200px) {





}







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







    /*==================head tags=================*/





/*====================form placeholder font==============*/







::-webkit-input-placeholder { 



  font-size: 12px;



}



::-moz-placeholder {



  font-size: 12px;



}



:-ms-input-placeholder {



  font-size: 12px;



}



:-moz-placeholder { 



  font-size: 12px;



}
nav > ul > li > a{
    font-size: 14px;
    text-align: center;
    padding: 7px 0px 0;
}

#nav > li {
    position: relative;
    padding: 0 10px;
}
nav{
    margin-left: 264px;
}

.report-inner-sec iframe {
    height: 596px;
}
.report-section {
    padding: 81px 0px 40px!important;
}
.report-inner-frame{
    height: auto;
}
.print-btn{
    right: 10px;
}
}







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

   



}







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

/*_____ Navigation _____*/
/* body {
    overflow: hidden;
} */
/* .toggle {
    display: flex;
} */
nav {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 35px;
}
[nav] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    width: auto;
    background: #fffffff7;
    margin: 0;
    padding: 40px 50px 20px;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    z-index: 3;
    justify-content: center;
    height: 100vh;
}
[nav].active {
    opacity: 1;
    visibility: visible;
}
/* .toggle.move{
    top: -28px;
} */
[nav] > ul {
    width: 100%;
    flex-flow: wrap;
    margin: 0;
}
[nav] > ul > li {
    width: 100%;
    padding: 7px 0px;
    text-align: center;
}
[nav] > ul > li .webBtn {
    margin-top: 5px;
}
[nav] > #cta {
    margin: auto 0 0;
}
nav > #iconBtn > li#srchBtn {
    display: inline-block;
}
#nav > li:not(.btnLi) > a:before{
    left: auto;
}
/* .logo{
    margin-top: 0;
} */
.topNav{
    display: none;
}
/* #cta{
    display: none;
} */

/* ====================home==================== */
[index] > section {
    padding: 60px 0;
}


.copyright{
    flex-direction: column;
    text-align: center;
}
.copyright .lst{
    justify-content: center;
}
.copyright ul{
    justify-content: center;
}

/* ===login/signup========= */
.form-blk .colL{
   width: 100%;
   min-height: auto;
   max-height: auto;
}
.form-blk .colR{
    width: 100%;
    padding: 50px 100px;
}
/* .form-blk .colR .inner{
    box-shadow: 0px 0px 20px #ddd;
    padding: 20px;
    max-width: 500px;
    margin: 0px auto;
} */
.form-blk{
    height: 100vh;
    display: flex;
    padding:80px 0px;
}
.report-inner-sec iframe {
    height: 450px;
}
.report-inner-frame{
    height: auto;
}
.report-section{
    padding: 75px 0px 70px!important;
}
.print-btn{
    right: 10px;
}

/* ========dashboard======== */
.multiple_links .col:first-child , .multiple_links .col:nth-child(2){
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
}
.multiple_links .col:last-child{
    width: 100%;
    height: auto;
}
.multiple_links .col:nth-child(2) .inner:after {
    bottom: -21px;
    transform: rotate(
90deg);
    right: auto;
    left: 9px;
    
}
}







@media screen and (max-width:767px) {
 
/* login/signup=========== */
.form-blk .colR{
    padding:50px 15px;
}
.form-blk .colR h2{
    font-size: 30px;
}
.form-blk .colL{
    padding:50px 15px;
}
.form-blk {
    height: auto;
}
/* ============demo============== */
.gifs-sec {
    padding: 100px 0px 40px;
}
.gifs-sec .col{
    width: 100%;
}
.gifs-sec .contain .flex:nth-child(odd) .col:nth-child(1){
    padding-right: 0;
    padding-bottom: 30px;
}
.gifs-sec .contain .flex:nth-child(even) .col:nth-child(1){
    padding-left: 0;
    padding-bottom: 30px;
}
.gifs-sec .contain .flex:nth-child(odd) .col:nth-child(2){
    padding-left: 0;
}
.gifs-sec .contain .flex:nth-child(even) .col:nth-child(2){
    padding-right: 0;
}
.gifs-sec .contain .flex:last-child{
    padding-bottom: 0;
}

.banner-blk .cntnt{
    width: 100%;
}
}

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







@media screen and (max-width:480px) {
   /*_____ col-xx-? _____*/
   .col-xx-12,
   .col-xx-11,
   .col-xx-10,
   .col-xx-9,
   .col-xx-8,
   .col-xx-7,
   .col-xx-6,
   .col-xx-5,
   .col-xx-4,
   .col-xx-3,
   .col-xx-2,
   .col-xx-1 {
       width: 100% !important;
   } 
   h1{
    font-size: 30px;
    line-height: 1.2;
   }
   h2 {
    font-size: 27px;
   }
   .report-inner-sec iframe {
    height: 230px;
}
.top_nav_flex{
    gap:15px;
}
.logo{
    width: 195px;
    margin-top: 17px;
}
.logged_header .logo{
    margin-top: 0;
}
}







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



@media screen and (min-width:320px) and (max-width:330px) {


}



@media screen and (min-width:411px) and (max-width:420px) {



 



}