/*1920,1080,1024,991,767,554,448,320 Screen size*/

/* min 320 to max 499  Start*/
@media screen and (min-device-width: 320px) and (max-device-width: 499px) {  
    .container {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        }
            
    .logo{
        width:100%;
        float:left;
        }
            
    .img{
        
    
    float:left;
    border-radius: 10px;
    }
        
    .logoimg{
            width: 15%;
        }
            
    .bar{
        float: left;
        padding: 60 px 0;
        }
            
    .barimg
        { 
        height: 26px;
        width: 29px;
        margin-left: 0px;
        top:20px;
        }
    
    .navimg
        {
        width:40%;
        }
    
        
    .header-wrap
        {
        background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
        }
            
    .header-wrap .menu-wrap{
        width:80%;
        margin: 0 auto;
        overflow:hidden
        }
            
    .menu-wrap .img-logo{
        float:none;
        }
            
    .list-wrap
        {
        display: none !important;
        /*float:left;
        position:absolute;
        top:40px;
        margin-left: 30px;*/
        }
            
    .list-wrap >li{
        display:inline;
        }
            
    .list-wrap >li >a {
        text-decoration-line: none;
        color:white;
        margin-left:20px;
        font-weight: bold;
        font-size: 15px;
        }
    .list-wrap >li >a:hover{
        text-decoration-line: underline;
        }
    
    .hamburger-wrap{
        float:right;
        position:relative;
        top:20px;
        }
            
    /*.ban-img img{
        max-width:100%;
        height:150px; 
        }*/
		.ban-img img{
        width:100%;
        height:auto; 
        }
        .main-banner{
            position:relative;
            color:#fff;
            }
                    
        .search-wrap{
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-62%)
            }
            
        .search-wrap > .banner-que{
            font-size: 24px;
            text-align:center;
            }
            
        .search-bar input{
            width: 285px;
            padding: 5px 10px;
            border-radius:40px;
            }
        
        .search-icon{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            width:20px;
            height:22px
            }
        
        .search-icon img{
            width:100%;
            }
            
        .search-bar{
            position:relative
            }
            
        .search-icon{
            position:absolute;
            right: 1px;
            top: 1px;
            border-top-right-radius: 13px;
            border-bottom-right-radius: 13px;
            padding: 3px 13px;
            }
        
        .main-section-wrap	{
            width:80%;
            margin: 0 auto;
            overflow:hidden;
            position:relative;
            } 
                
        .heading	{
            font-size:20px;
            font-weight:bold;
            padding-top:10px;
            }
        
        .main-resource{
            width:80%;
            margin: 0 auto;
            /* overflow:hidden; */
            position:relative;
            }
                
        .section-gap
            {
            /* width:15px;
            float:left;
            padding-right:10px;
            background-color:#ffffff;
            margin: 20px 0px 10px 0px; */
            }
                
        #box {
         width: 100%;
        border-radius: 10px;
        position: absolute;
        float: left;
        position: relative;
        background-color: #ffffff;padding: 5px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
        box-sizing: border-box;
            }
            #box:nth-child(2){
                margin: 20px 0px 20px;
            }
        .box-wrap{
            width:100%;
        }
        
        #box .pic{
            /* padding: 5px; */
            width:95px;
            height: 122px;
            overflow: hidden;
            float: left;
        }
        #box .pic img{
            width: 100%;
            height: 100%;
        }
        .boxheading{
            font-size:15px;
            color:#000;
            font-weight:normal;
            margin-left: 14px;
            float: left;
            width: 40%;
            padding-top: 20px;
            line-height: 27px;
        }
        
        
        .getin
            {
            background-color: #f3f9f6;
            overflow: hidden;
                padding-bottom: 50px;
            }
        
        .getin .getin-wrap
            {
            width: 84%;
            margin: 0 auto;
            position: relative;
            }
        
        .getin-wrap h1
            {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            padding: 20px;
            }
        
        .getin-wrap > li >a {
            display: block;
            float: left;
            list-style-type: none;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
            color:#fff;
            font-weight: 700;
            padding-top:40px;
            position: absolute;
            font-size: 14px;
            }
                
        a:link {
            text-decoration: none;
            color: #298791;
            }
            
        a:hover  {
            text-decoration: underline;
            }
        
        ul.get {
            list-style-type: none;
            margin: 0;
            padding: 0;
            }
        
        .list > li {
            position: relative;
            display: block;
            }
        
        .add{
            float: left;
             width: 100%; 
            }
                
        .email{
            float: right;
            width: 100%; 
            padding-top: 10px;
            }
                
        .footer-Wrap{
            width: 94%;
            margin: 0 auto;
            /* overflow:hidden */
        
            }
        
        .footer-Wrap .Opening{
            float: left;
            width: 100%;
            padding-top: 30px;
            }
                
        .footer-Wrap .Opening h2{
            font-size: 14px;
            font-weight: bold;
            }
        
        .footer-Wrap .Opening p{
            font-size: 12px;
            margin-top: 0px;
            }
        
        .footer-Wrap .content{
            float: left;
            width: 54%;
            padding-top: 0px;
            overflow: hidden;
            }
        
        .footer-Wrap .content P{
            font-size: 12px;
            }
                
        .footer-Wrap .content .bold{
            font-weight: bold;
            }
        
        .footer-Wrap .social-icon li a{
            border: 2px solid #298791;
            border-radius: 50%;
            color: #298791;
            display: block;
            font-size: 1em;
            height: 2em;
            line-height: 1.9em;
            margin: 0 auto;
            text-align: center;
            width: 2em;
            margin-bottom:1em;
            margin-right: 10px;;
            }
        
        .footer-Wrap 	.social-icon li a:hover{
            border:2px solid #2d7bc9;
            background-color: #298791;
            color:#ffffff;
            }
        
        .footer-logo{
            
            float: right;
        }
        .list-inline{
            padding-left: 0;
            margin-left: -5px;
            display: inline-flex;
            }
        
        .fa-ul{
            margin-left:0px;
            }
        
        .copyright{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            clear:both;	
            
        }
        .copyright .copyright-wrap{
            
            width:92%;
            margin: 0 auto;
            overflow:hidden;
            min-height: 100px;
            position: relative;
            
        }
        
        .copy-content{
            width:50%;
            float: left;
            margin-top: 50px;
        }
        .copy-content  a {
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
        }
        .copy-content  a :hover{
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
            text-decoration: underline;
        }
        
        
        .copy-copyright{
            
            font-size: 12px;
            color:#fff;
            float: right;
            margin-top: 50px;
            font-weight: bold;
        
        }
        /*slide menu*/
        .overlay {
            height: 0%;
            width: 100%;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 0.9);
            overflow-y: hidden;
            transition: 0.5s;
          }
          
          .overlay-content {
            position: relative;
            top: 5%;
            width: 100%;
            text-align: center;
            margin-top: 30px;
          }
          
          .overlay a {
            padding: 8px;
            text-decoration: none;
            font-size: 36px;
            color: #818181;
            display: block;
            transition: 0.3s;
          }
          
          .overlay a:hover, .overlay a:focus {
            color: #f1f1f1;
          }
          
          .overlay .closebtn {
            position: absolute;
            top: 0px;
            right: 20px;
            font-size: 60px;
          }

}

/* min 320 to max 499  End*/


/* min 500 to max 640  Start*/
@media screen and (min-device-width: 500px) and (max-device-width: 640px) {  
    .container {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        }
            
    .logo{
        width:100%;
        float:left;
        }
            
    .img{
        
    
    float:left;
    border-radius: 10px;
    }
        
    .logoimg{
            width: 15%;
        }
            
    .bar{
        float: left;
        padding: 60 px 0;
        }
            
    .barimg
        { 
        height: 26px;
        width: 29px;
        margin-left: 0px;
        top:20px;
        }
    
    .navimg
        {
        width:40%;
        }
    
        
    .header-wrap
        {
        background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
        }
            
    .header-wrap .menu-wrap{
        width:80%;
        margin: 0 auto;
        overflow:hidden
        }
            
    .menu-wrap .img-logo{
        float:none;
        }
            
    .list-wrap
        {
        display: none !important;
        /*float:left;
        position:absolute;
        top:40px;
        margin-left: 30px;*/
        }
            
    .list-wrap >li{
        display:inline;
        }
            
    .list-wrap >li >a {
        text-decoration-line: none;
        color:white;
        margin-left:20px;
        font-weight: bold;
        font-size: 15px;
        }
    .list-wrap >li >a:hover{
        text-decoration-line: underline;
        }
    
    .hamburger-wrap{
        float:right;
        position:relative;
        top:20px;
        }
            
    .ban-img img{
        /*max-width:100%;
        height:150px; */
		width:100%;
        height:auto; 
        }
        .main-banner{
            position:relative;
            color:#fff;
            }
                    
        .search-wrap{
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-62%)
            }
            
        .search-wrap > .banner-que{
            font-size: 24px;
            text-align:center;
            }
            
        .search-bar input{
            width: 285px;
            padding: 5px 10px;
            border-radius:40px;
            }
        
        .search-icon{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            width:20px;
            height:22px
            }
        
        .search-icon img{
            width:100%;
            }
            
        .search-bar{
            position:relative
            }
            
        .search-icon{
            position:absolute;
            right: 1px;
            top: 1px;
            border-top-right-radius: 13px;
            border-bottom-right-radius: 13px;
            padding: 3px 13px;
            }
        
        .main-section-wrap	{
            width:80%;
            margin: 0 auto;
            overflow:hidden;
            position:relative;
            } 
                
        .heading	{
            font-size:20px;
            font-weight:bold;
            padding-top:10px;
            }
        
        .main-resource{
            width:80%;
            margin: 0 auto;
            /* overflow:hidden; */
            position:relative;
            }
                
        .section-gap
            {
            /* width:15px;
            float:left;
            padding-right:10px;
            background-color:#ffffff;
            margin: 20px 0px 10px 0px; */
            }
                
        #box {
         width: 100%;
        border-radius: 10px;
        position: absolute;
        float: left;
        position: relative;
        background-color: #ffffff;padding: 5px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
        box-sizing: border-box;
            }
            #box:nth-child(2){
                margin: 20px 0px 20px;
            }
        .box-wrap{
            width:100%;
        }
        
        #box .pic{
            /* padding: 5px; */
            width:95px;
            height: 122px;
            overflow: hidden;
            float: left;
        }
        #box .pic img{
            width: 100%;
            height: 100%;
        }
        .boxheading{
            font-size:15px;
            color:#000;
            font-weight:normal;
            margin-left: 14px;
            float: left;
            width: 40%;
            padding-top: 20px;
            line-height: 27px;
        }
        
        
        .getin
            {
            background-color: #f3f9f6;
            overflow: hidden;
                padding-bottom: 50px;
            }
        
        .getin .getin-wrap
            {
            width: 84%;
            margin: 0 auto;
            position: relative;
            }
        
        .getin-wrap h1
            {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            padding: 20px;
            }
        
        .getin-wrap > li >a {
            display: block;
            float: left;
            list-style-type: none;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
            color:#fff;
            font-weight: 700;
            padding-top:40px;
            position: absolute;
            font-size: 14px;
            }
                
        a:link {
            text-decoration: none;
            color: #298791;
            }
            
        a:hover  {
            text-decoration: underline;
            }
        
        ul.get {
            list-style-type: none;
            margin: 0;
            padding: 0;
            }
        
        .list > li {
            position: relative;
            display: block;
            }
        
        .add{
            float: left;
            /* width: 50%; */
            }
                
        .email{
            float: right;
            /* width: 50%; */
            }
                
        .footer-Wrap{
            width: 94%;
            margin: 0 auto;
            /* overflow:hidden */
        
            }
        
        .footer-Wrap .Opening{
            float: left;
            width: 30%;
            padding-top: 30px;
            }
                
        .footer-Wrap .Opening h2{
            font-size: 14px;
            font-weight: bold;
            }
        
        .footer-Wrap .Opening p{
            font-size: 12px;
            }
        
        .footer-Wrap .content{
            float: left;
            width: 54%;
            padding-top: 30px;
            overflow: hidden;
            }
        
        .footer-Wrap .content P{
            font-size: 12px;
            }
                
        .footer-Wrap .content .bold{
            font-weight: bold;
            }
        
        .footer-Wrap .social-icon li a{
            border: 2px solid #298791;
            border-radius: 50%;
            color: #298791;
            display: block;
            font-size: 1em;
            height: 2em;
            line-height: 1.9em;
            margin: 0 auto;
            text-align: center;
            width: 2em;
            margin-bottom:1em;
            margin-right: 10px;;
            }
        
        .footer-Wrap 	.social-icon li a:hover{
            border:2px solid #2d7bc9;
            background-color: #298791;
            color:#ffffff;
            }
        
        .footer-logo{
            
            float: right;
        }
        .list-inline{
            padding-left: 0;
            margin-left: -5px;
            display: inline-flex;
            }
        
        .fa-ul{
            margin-left:0px;
            }
        
        .copyright{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            clear:both;	
            
        }
        .copyright .copyright-wrap{
            
            width:92%;
            margin: 0 auto;
            overflow:hidden;
            min-height: 100px;
            position: relative;
            
        }
        
        .copy-content{
            width:50%;
            float: left;
            margin-top: 50px;
        }
        .copy-content  a {
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
        }
        .copy-content  a :hover{
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
            text-decoration: underline;
        }
        
        
        .copy-copyright{
            
            font-size: 12px;
            color:#fff;
            float: right;
            margin-top: 50px;
            font-weight: bold;
        
        }
        /*slide menu*/
        .overlay {
            height: 0%;
            width: 100%;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 0.9);
            overflow-y: hidden;
            transition: 0.5s;
          }
          
          .overlay-content {
            position: relative;
            top: 5%;
            width: 100%;
            text-align: center;
            margin-top: 30px;
          }
          
          .overlay a {
            padding: 8px;
            text-decoration: none;
            font-size: 36px;
            color: #818181;
            display: block;
            transition: 0.3s;
          }
          
          .overlay a:hover, .overlay a:focus {
            color: #f1f1f1;
          }
          
          .overlay .closebtn {
            position: absolute;
            top: 10px;
            right: 91px;
            font-size: 60px;
          }

}

/* min 641 to max 799  End*/
 @media screen and (min-device-width: 641px) and (max-device-width: 799px) { 
    .container {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        }
            
    .logo{
        width:100%;
        float:left;
        }
            
    .img{
        
    
    float:left;
    border-radius: 10px;
    }
        
    .logoimg{
            width: 15%;
        }
            
    .bar{
        float: left;
        padding: 60 px 0;
        }
            
    .barimg
        { 
        height: 26px;
        width: 29px;
        margin-left: 0px;
        top:20px;
        }
    
    .navimg
        {
        width:40%;
        }
    
        
    .header-wrap
        {
        background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
        }
            
    .header-wrap .menu-wrap{
        width:80%;
        margin: 0 auto;
        overflow:hidden
        }
            
    .menu-wrap .img-logo{
        float:left
        }
            
    .list-wrap
        {
        display: none !important;
        /*float:left;
        position:absolute;
        top:40px;
        margin-left: 30px;*/
        }
            
    .list-wrap >li{
        display:inline;
        }
            
    .list-wrap >li >a {
        text-decoration-line: none;
        color:white;
        margin-left:20px;
        font-weight: bold;
        font-size: 15px;
        }
    .list-wrap >li >a:hover{
        text-decoration-line: underline;
        }
    
    .hamburger-wrap{
        float:right;
        position:relative;
        top:40px;
        }
            
    .ban-img img{
       /* max-width:100%;*/
	   width:100%;
        height:auto; 
        }
        .main-banner{
            position:relative;
            color:#fff;
            }
                    
        .search-wrap{
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-62%)
            }
            
        .search-wrap > .banner-que{
            font-size: 24px;
            text-align:center;
            }
            
        .search-bar input{
            width: 343px;
            padding: 5px 10px;
            border-radius:40px;
            }
        
        .search-icon{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            width:20px;
            height:22px
            }
        
        .search-icon img{
            width:100%;
            }
            
        .search-bar{
            position:relative
            }
            
        .search-icon{
            position:absolute;
            right: 1px;
            top: 1px;
            border-top-right-radius: 13px;
            border-bottom-right-radius: 13px;
            padding: 3px 13px;
            }
        
        .main-section-wrap	{
            width:80%;
            margin: 0 auto;
            overflow:hidden;
            position:relative;
            } 
                
        .heading	{
            font-size:20px;
            font-weight:bold;
            padding-top:10px;
            }
        
        .main-resource{
            width:80%;
            margin: 0 auto;
            /* overflow:hidden; */
            position:relative;
            }
                
        .section-gap
            {
            /* width:15px;
            float:left;
            padding-right:10px;
            background-color:#ffffff;
            margin: 20px 0px 10px 0px; */
            }
                
        #box {
         width: 100%;
        border-radius: 10px;
        position: absolute;
        float: left;
        position: relative;
        background-color: #ffffff;padding: 5px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
        box-sizing: border-box;
            }
            #box:nth-child(2){
                margin: 20px 0px 20px;
            }
        .box-wrap{
            width:100%;
        }
        
        #box .pic{
            /* padding: 5px; */
            width:95px;
            height: 122px;
            overflow: hidden;
            float: left;
        }
        #box .pic img{
            width: 100%;
            height: 100%;
        }
        .boxheading{
            font-size:15px;
            color:#000;
            font-weight:normal;
            margin-left: 14px;
            float: left;
            width: 40%;
            padding-top: 20px;
            line-height: 27px;
        }
        
        
        .getin
            {
            background-color: #f3f9f6;
            overflow: hidden;
                padding-bottom: 50px;
            }
        
        .getin .getin-wrap
            {
            width: 65%;
            margin: 0 auto;
            position: relative;
            }
        
        .getin-wrap h1
            {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            padding: 20px;
            }
        
        .getin-wrap > li >a {
            display: block;
            float: left;
            list-style-type: none;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
            color:#fff;
            font-weight: 700;
            padding-top:40px;
            position: absolute;
            font-size: 14px;
            }
                
        a:link {
            text-decoration: none;
            color: #298791;
            }
            
        a:hover  {
            text-decoration: underline;
            }
        
        ul.get {
            list-style-type: none;
            margin: 0;
            padding: 0;
            }
        
        .list > li {
            position: relative;
            display: block;
            }
        
        .add{
            float: left;
            /* width: 50%; */
            }
                
        .email{
            float: right;
            /* width: 50%; */
            }
                
        .footer-Wrap{
            width: 84%;
            margin: 0 auto;
            /* overflow:hidden */
        
            }
        
        .footer-Wrap .Opening{
            float: left;
            width: 30%;
            padding-top: 30px;
            }
                
        .footer-Wrap .Opening h2{
            font-size: 14px;
            font-weight: bold;
            }
        
        .footer-Wrap .Opening p{
            font-size: 12px;
            }
        
        .footer-Wrap .content{
            float: left;
            width: 56%;
            padding-top: 30px;
            overflow: hidden;
            }
        
        .footer-Wrap .content P{
            font-size: 12px;
            }
                
        .footer-Wrap .content .bold{
            font-weight: bold;
            }
        
        .footer-Wrap .social-icon li a{
            border: 2px solid #298791;
            border-radius: 50%;
            color: #298791;
            display: block;
            font-size: 1em;
            height: 2em;
            line-height: 1.9em;
            margin: 0 auto;
            text-align: center;
            width: 2em;
            margin-bottom:1em;
            margin-right: 10px;;
            }
        
        .footer-Wrap 	.social-icon li a:hover{
            border:2px solid #2d7bc9;
            background-color: #298791;
            color:#ffffff;
            }
        
        .footer-logo{
            
            float: right;
        }
        .list-inline{
            padding-left: 0;
            margin-left: -5px;
            display: inline-flex;
            }
        
        .fa-ul{
            margin-left:0px;
            }
        
        .copyright{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            clear:both;	
            
        }
        .copyright .copyright-wrap{
            
            width:70%;
            margin: 0 auto;
            overflow:hidden;
            min-height: 100px;
            position: relative;
            
        }
        
        .copy-content{
            width:50%;
            float: left;
            margin-top: 50px;
        }
        .copy-content  a {
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
        }
        .copy-content  a :hover{
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
            text-decoration: underline;
        }
        
        
        .copy-copyright{
            
            font-size: 12px;
            color:#fff;
            float: right;
            margin-top: 50px;
            font-weight: bold;
        
        }
        /*slide menu*/
        .overlay {
            height: 0%;
            width: 100%;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 0.9);
            overflow-y: hidden;
            transition: 0.5s;
          }
          
          .overlay-content {
            position: relative;
            top: 25%;
            width: 100%;
            text-align: center;
            margin-top: 30px;
          }
          
          .overlay a {
            padding: 8px;
            text-decoration: none;
            font-size: 36px;
            color: #818181;
            display: block;
            transition: 0.3s;
          }
          
          .overlay a:hover, .overlay a:focus {
            color: #f1f1f1;
          }
          
          .overlay .closebtn {
            position: absolute;
            top: 10px;
            right: 91px;
            font-size: 60px;
          }

    }
/* min 641 to max 800  End*/


/* min 800 to max 1023  start*/
 @media screen and (min-device-width: 800px) and (max-device-width: 1023px){
    .container {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        }
            
    .logo{
        width:100%;
        float:left;
        }
            
    .img{
        
    
    float:left;
    border-radius: 10px;
    }
        
    .logoimg{
            width: 15%;
        }
            
    .bar{
        float: left;
        padding: 60 px 0;
        }
            
    .barimg
        { 
        height: 26px;
        width: 29px;
        margin-left: 0px;
        top:20px;
        }
    
    .navimg
        {
        width:40%;
        }
    
        
    .header-wrap
        {
        background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
        }
            
    .header-wrap .menu-wrap{
        width:80%;
        margin: 0 auto;
        overflow:hidden
        }
            
    .menu-wrap .img-logo{
        float:left
        }
            
    .list-wrap
        {
        float:left;
        position:absolute;
        top:40px;
        margin-left: 30px;
        }
            
    .list-wrap >li{
        display:inline;
        }
            
    .list-wrap >li >a {
        text-decoration-line: none;
        color:white;
        margin-left:20px;
        font-weight: bold;
        font-size: 15px;
        }
    .list-wrap >li >a:hover{
        text-decoration-line: underline;
        }
    
    .hamburger-wrap{
        float:right;
        position:relative;
        top:40px;
        }
            
    .ban-img img{
        /*max-width:100%;*/
		width:100%;
        height:auto; 
        }
        .main-banner{
            position:relative;
            color:#fff;
            }
                    
        .search-wrap{
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-62%)
            }
            
        .search-wrap > .banner-que{
            font-size: 30px;
            text-align:center;
            }
            
        .search-bar input{
            width: 343px;
            padding: 5px 10px;
            border-radius:40px;
            }
        
        .search-icon{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            width:20px;
            height:22px
            }
        
        .search-icon img{
            width:100%;
            }
            
        .search-bar{
            position:relative
            }
            
        .search-icon{
            position:absolute;
            right: 1px;
            top: 1px;
            border-top-right-radius: 13px;
            border-bottom-right-radius: 13px;
            padding: 3px 13px;
            }
        
        .main-section-wrap	{
            width:80%;
            margin: 0 auto;
            overflow:hidden;
            position:relative;
            } 
                
        .heading	{
            font-size:20px;
            font-weight:bold;
            padding-top:10px;
            }
        
        .main-resource{
            width:80%;
            margin: 0 auto;
            /* overflow:hidden; */
            position:relative;
            }
                
        .section-gap
            {
            /* width:15px;
            float:left;
            padding-right:10px;
            background-color:#ffffff;
            margin: 20px 0px 10px 0px; */
            }
                
        #box {
         width: 30%;
        border-radius: 10px;
        position: absolute;
        float: left;
        position: relative;
        background-color: #ffffff;padding: 5px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
        box-sizing: border-box;
            }
            #box:nth-child(2){
                margin: 0 30px 0;
            }
        .box-wrap{
            width:100%;
        }
        
        #box .pic{
            /* padding: 5px; */
            width:95px;
            height: 122px;
            overflow: hidden;
            float: left;
        }
        #box .pic img{
            width: 100%;
            height: 100%;
        }
        .boxheading{
            font-size:15px;
            color:#000;
            font-weight:normal;
            margin-left: 14px;
            float: left;
            width: 40%;
            padding-top: 20px;
            line-height: 27px;
        }
        
        
        .getin
            {
            background-color: #f3f9f6;
            overflow: hidden;
                padding-bottom: 50px;
            }
        
        .getin .getin-wrap
            {
            width: 52%;
            margin: 0 auto;
            position: relative;
            }
        
        .getin-wrap h1
            {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            padding: 20px;
            }
        
        .getin-wrap > li >a {
            display: block;
            float: left;
            list-style-type: none;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
            color:#fff;
            font-weight: 700;
            padding-top:40px;
            position: absolute;
            font-size: 14px;
            }
                
        a:link {
            text-decoration: none;
            color: #298791;
            }
            
        a:hover  {
            text-decoration: underline;
            }
        
        ul.get {
            list-style-type: none;
            margin: 0;
            padding: 0;
            }
        
        .list > li {
            position: relative;
            display: block;
            }
        
        .add{
            float: left;
            /* width: 50%; */
            }
                
        .email{
            float: right;
            /* width: 50%; */
            }
                
        .footer-Wrap{
            width: 70%;
            margin: 0 auto;
            /* overflow:hidden */
        
            }
        
        .footer-Wrap .Opening{
            float: left;
            width: 30%;
            padding-top: 30px;
            }
                
        .footer-Wrap .Opening h2{
            font-size: 14px;
            font-weight: bold;
            }
        
        .footer-Wrap .Opening p{
            font-size: 12px;
            }
        
        .footer-Wrap .content{
            float: left;
            width: 56%;
            padding-top: 30px;
            overflow: hidden;
            }
        
        .footer-Wrap .content P{
            font-size: 12px;
            }
                
        .footer-Wrap .content .bold{
            font-weight: bold;
            }
        
        .footer-Wrap .social-icon li a{
            border: 2px solid #298791;
            border-radius: 50%;
            color: #298791;
            display: block;
            font-size: 1em;
            height: 2em;
            line-height: 1.9em;
            margin: 0 auto;
            text-align: center;
            width: 2em;
            margin-bottom:1em;
            margin-right: 10px;;
            }
        
        .footer-Wrap 	.social-icon li a:hover{
            border:2px solid #2d7bc9;
            background-color: #298791;
            color:#ffffff;
            }
        
        .footer-logo{
            
            float: right;
        }
        .list-inline{
            padding-left: 0;
            margin-left: -5px;
            display: inline-flex;
            }
        
        .fa-ul{
            margin-left:0px;
            }
        
        .copyright{
            background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
            clear:both;	
            
        }
        .copyright .copyright-wrap{
            
            width:70%;
            margin: 0 auto;
            overflow:hidden;
            min-height: 100px;
            position: relative;
            
        }
        
        .copy-content{
            width:50%;
            float: left;
            margin-top: 50px;
        }
        .copy-content  a {
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
        }
        .copy-content  a :hover{
               color: #FFF;
            font-weight: bold;	
            font-size: 12px;
            text-decoration: underline;
        }
        
        
        .copy-copyright{
            
            font-size: 12px;
            color:#fff;
            float: right;
            margin-top: 50px;
            font-weight: bold;
        
        }
        /*slide menu*/
        .overlay {
            height: 0%;
            width: 100%;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 0.9);
            overflow-y: hidden;
            transition: 0.5s;
          }
          
          .overlay-content {
            position: relative;
            top: 25%;
            width: 100%;
            text-align: center;
            margin-top: 30px;
          }
          
          .overlay a {
            padding: 8px;
            text-decoration: none;
            font-size: 36px;
            color: #818181;
            display: block;
            transition: 0.3s;
          }
          
          .overlay a:hover, .overlay a:focus {
            color: #f1f1f1;
          }
          
          .overlay .closebtn {
            position: absolute;
            top: 10px;
            right: 91px;
            font-size: 60px;
          }
 }
 /* min 800 to max 1023 End*/

 /* min 1024px to max 1920px  start*/
@media screen and (min-device-width: 1024px) and (max-device-width: 1920px){
.container {
    width:100%;
    margin-right: auto;
    margin-left: auto;
    }
        
.logo{
    width:100%;
    float:left;
    }
        
.img{
    

float:left;
border-radius: 10px;
}
    
.logoimg{
        width: 15%;
    }
        
.bar{
    float: left;
    padding: 60 px 0;
    }
        
.barimg
    { 
    height: 26px;
    width: 29px;
    margin-left: 0px;
    top:20px;
    }

.navimg
    {
    width:40%;
    }

    
.header-wrap
    {
    background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
    }
        
.header-wrap .menu-wrap{
    width:80%;
    margin: 0 auto;
    overflow:hidden
    }
        
.menu-wrap .img-logo{
    float:left
    }
        
.list-wrap
    {
    float:left;
    position:absolute;
    top:40px;
    margin-left: 30px;
    }
        
.list-wrap >li{
    display:inline;
    }
        
.list-wrap >li >a {
    text-decoration-line: none;
    color:white;
    margin-left:50px;
    font-weight: bold;
    font-size: 15px;
    }
.list-wrap >li >a:hover{
    text-decoration-line: underline;
    }

.hamburger-wrap{
    float:right;
    position:relative;
    top:40px;
    }
        
.ban-img img{
   /* max-width:100%;*/
   width:100%;
   height:auto;
    }

.main-banner{
    position:relative;
    color:#fff;
	z-index: 9;
    }
            
.search-wrap{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
    }
    
.search-wrap > .banner-que{
    font-size: 30px;
    text-align:center;
    }
    
.search-bar input{
    width: 343px;
    padding: 5px 10px;
    border-radius:40px;
    }

.search-icon{
    background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
    width:20px;
    height:22px
    }

.search-icon img{
    width:100%;
    }
    
.search-bar{
    position:relative
    }
    
.search-icon{
    position:absolute;
    right: 1px;
    top: 1px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    padding: 3px 13px;
    }

.main-section-wrap	{
    width:80%;
    margin: 0 auto;
    overflow:hidden;
    position:relative;
    } 
        
.heading	{
    font-size:20px;
    font-weight:bold;
    padding-top:10px;
    }

.main-resource{
    width:80%;
    margin: 0 auto;
    /* overflow:hidden; */
    position:relative;
    }
        
.section-gap
    {
    /* width:15px;
    float:left;
    padding-right:10px;
    background-color:#ffffff;
    margin: 20px 0px 10px 0px; */
    }
        
#box {
 width: 30%;
border-radius: 10px;
position: absolute;
float: left;
position: relative;
background-color: #ffffff;padding: 5px;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
box-sizing: border-box;
    }
    #box:nth-child(2){
        margin: 0 40px 0;
    }
.box-wrap{
    width:100%;
}

#box .pic{
    /* padding: 5px; */
    width:95px;
    height: 122px;
    overflow: hidden;
    float: left;
}
#box .pic img{
    width: 100%;
    height: 100%;
}
.boxheading{
    font-size:18px;
    color:#000;
    font-weight:normal;
    margin-left: 20px;
    float: left;
    width: 40%;
    padding-top: 20px;
    line-height: 27px;
}


.getin
    {
    background-color: #f3f9f6;
    overflow: hidden;
        padding-bottom: 50px;
    }

.getin .getin-wrap
    {
    width: 50%;
    margin: 0 auto;
    position: relative;
    }

.getin-wrap h1
    {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    }

.getin-wrap > li >a {
    display: block;
    float: left;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    color:#fff;
    font-weight: 700;
    padding-top:40px;
    position: absolute;
    font-size: 14px;
    }
        
a:link {
    text-decoration: none;
    color: #298791;
    }
    
a:hover  {
    text-decoration: underline;
    }

ul.get {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

.list > li {
    position: relative;
    display: block;
    }

.add{
    float: left;
    /* width: 50%; */
    }
        
.email{
    float: right;
    /* width: 50%; */
    }
        
.footer-Wrap{
    width: 70%;
    margin: 0 auto;
    /* overflow:hidden */

    }

.footer-Wrap .Opening{
    float: left;
    width: 30%;
    padding-top: 30px;
    }
        
.footer-Wrap .Opening h2{
    font-size: 14px;
    font-weight: bold;
    }

.footer-Wrap .Opening p{
    font-size: 12px;
    }

.footer-Wrap .content{
    float: left;
    width: 59%;
    padding-top: 30px;
    overflow: hidden;
    }

.footer-Wrap .content P{
    font-size: 12px;
    }
        
.footer-Wrap .content .bold{
    font-weight: bold;
    }

.footer-Wrap .social-icon li a{
    border: 2px solid #298791;
    border-radius: 50%;
    color: #298791;
    display: block;
    font-size: 1em;
    height: 2em;
    line-height: 1.9em;
    margin: 0 auto;
    text-align: center;
    width: 2em;
    margin-bottom:1em;
    margin-right: 10px;;
    }

.footer-Wrap 	.social-icon li a:hover{
    border:2px solid #2d7bc9;
    background-color: #298791;
    color:#ffffff;
    }

.footer-logo{
    
    float: right;
}
.list-inline{
    padding-left: 0;
    margin-left: -5px;
    display: inline-flex;
    }

.fa-ul{
    margin-left:0px;
    }

.copyright{
    background:linear-gradient(90deg, rgba(1,83,116,1) 0%, rgba(69,147,151,1) 100%);
    clear:both;	
    
}
.copyright .copyright-wrap{
    
    width:70%;
    margin: 0 auto;
    overflow:hidden;
    min-height: 100px;
    position: relative;
    
}

.copy-content{
    width:50%;
    float: left;
    margin-top: 50px;
}
.copy-content  a {
       color: #FFF;
    font-weight: bold;	
    font-size: 12px;
}
.copy-content  a :hover{
       color: #FFF;
    font-weight: bold;	
    font-size: 12px;
    text-decoration: underline;
}


.copy-copyright{
    
    font-size: 12px;
    color:#fff;
    float: right;
    margin-top: 50px;
    font-weight: bold;

}
/*slide menu*/
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
  }
  
  .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
  }
  
  .overlay .closebtn {
    position: absolute;
    top: 10px;
    right: 91px;
    font-size: 60px;
  }
}
   /* min 1024px to max 1920px  End*/