@media (min-width: 576px){
    .container-fluid {
        max-width: 540px;
    }}
    @media (min-width: 768px){
    .container-fluid{
        max-width: 720px;
    }}
    @media (min-width: 992px){
    .container-fluid{
        max-width: 960px;
    }}
    @media (min-width:1200px){
        .container-fluid{
            max-width:1140px
        }
    }
    @media screen and (max-width:1100px)
    {
        /*.bannertit{font-size: 46px;line-height: 48px;}*/
        /*.bannertxt p{font-size: 16px;max-width: 530px;margin-top:15px;line-height: 22px;}*/
        /*.bannerbtn{margin-top: 15px;}*/
        /*.bannerbtn .btn{font-size: 14px;padding: 10px 15px;}*/
        .abtop {padding-right: 30px;}
    }
    @media screen and (max-width:991px) 
    {    /*Header*/   
       /*Header*/  
       .homebanner{
        padding-top: 0px;height: auto;
       } 
         html.menuhidden{position: fixed;overflow-y: hidden}
        .mainheader{position: relative;z-index: initial;top: 0;width: 100%;height: auto;}    
        .mainheader .container-fluid{max-width: 100%}
        .overlay{position: fixed;top: 0;left: 0;z-index:999;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.8);cursor: pointer;}
        .togglebtn span {position: relative;display: inline-block;margin-top: 7px;vertical-align: top}
        .togglebtn span::before{top: -5px;}
        .togglebtn span::after{top:5px}
        .togglebtn span::before, .togglebtn span::after {content: "";position: absolute;left: 0;}
        .togglebtn span, .togglebtn span::before, .togglebtn span::after { transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width:20px;height:1px;}
        .togglebtn {position: fixed;right:15px;top:52px;display: block;text-align: center;width:35px;height:35px;border:0;cursor: pointer;z-index: 1001;padding:10px 7px;background: #d02824}
        .togglebtn.active span::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);top:0;background-color: #d02824}
        .togglebtn.active span::after { -webkit-transition-delay: 0.09s;top:0;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-ms-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);background-color:#d02824}
        .togglebtn.active span{background-color: transparent;}
        .togglebtn.active {right: auto;left: 309px;top:0;background: #fff;border-radius: 0}
        .togglebtn.active:before{content: none}
        .togglebtn span, .togglebtn span::before, .togglebtn span::after{background-color: #fff;} 
        .menudrop,.menu_link .submenu .menudrop{top:0;height:39px;width: 50px;border-radius: 0;line-height:39px;right: 0;position: absolute;background: transparent;margin: 0}
        .menu_link .submenu .menudrop{color:#fff}
        .menu_link nav > ul > li > a{padding:12px 20px;color:#fff;font-size: 12px;}
        .menu_link.active nav{transform: translateX(0%);-webkit-transform: translateX(0%);}
        .menu_link nav{float: none;padding: 0;position: fixed;top:0;height:100%;width:310px;margin: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-ms-transition: all 0.6s ease;overflow-y:auto;left:0;z-index: 1000;transform: translateX(-100%);-webkit-transform: translateX(-100%);background:#2b2e34;padding-top:20px}
        .menu_link .submenu{width: 100%;position: relative;padding-bottom: 0;left: auto;opacity:1 !important;visibility: visible !important;display: none;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;margin: 1px 0;background: transparent;min-width: inherit;border:0}
        .menu_link nav > ul > li{display: block;text-align:left;margin:0 0 1px;width: 100%;height: auto}   
        .menu_link .submenu li{width: 100%;float: none}
        /*.menu_link .submenu li a{padding:12px 15px 12px 35px;font-size: 15px;margin: 0 0 1px} */
        .menu_link .submenu li a{padding: 12px 20px}
        .menu_link li:hover .menu-level1, .menu_link .menu-level1 li:hover .menu-level2 {display: none;}
        .menu_link li .menu-level1.active, .menu_link .menu-level1.active .menu-level2.active {display: block;}
        .menu_link .menu-level1 li .menu-level2{left: auto;}
        .menudrop.openedmenu::before {content: '\f077';}
        .menu_link nav > ul > li.active > a, .menu_link nav > ul > li:hover > a{background: #d02824;color: #fff;}
        .menu_link ul > li:hover > a > i{-webkit-transform: none;-ms-transform: none;-o-transform: none;-moz-transform: none;transform:none;}      	
        .headul{margin-right: 55px}	
        .headlink{overflow: hidden;float: none}
        /*.logo-left{width: 145px}*/
        /*.btnbuy{font-size: 14px;padding: 8px 15px;margin-top: 18px;margin-right:60px}*/
        .headaccount{line-height: 100%}
        .btnbuy{font-size: 12px;padding: 8px 15px;margin-top: 0;margin-right:60px}
        /*.homebanner, .commonbanner{padding-top: 0}*/        
         .btnred, .btnredsm{font-size: 13px;padding: 12px 20px}
        /*.htitle{font-size: 24px;}*/
        /*.hpubox .htitle{line-height: 32px;margin: 0 auto 15px}*/
        .htitle:before {max-width: 220px;}
        .htitle:after{max-width: 90px}
        .pubslider{padding: 5px 0 0}
        .newtxt{padding: 20px}
        /*.hpubox{padding: 35px 0 20px}*/
        .pubslider li{padding: 5px}
        /*.hnewsmain{padding: 15px 0 35px}*/
        .homegrey{padding: 40px 0}
        .hslideicon{height: 70px;width: 70px}
        /*.hslidetit{margin: 20px auto 0;padding-top: 20px}*/
        /*.ftlink li>a, .ftadd{font-size: 14px;line-height: 18px;}*/
        /*.ftcopyright p, .fterm a{font-size: 14px;}*/
        /*.ftbtm{padding: 20px 0;margin-top:30px}*/
        .ftphone {margin: 20px 0;font-size: 16px}
        .ftblock1,.ftblock2{margin-bottom: 25px}
        .footer_top{padding: 40px 0 0 0}
        /*.bannertit{font-size: 38px;line-height: 40px}*/
        /*.bannertxt{top:22%;padding: 0 15px}*/
        .mainslider .slick-dots{bottom: 15px;}
        .bannerimg{max-height: 440px;height: auto;overflow: hidden}
        .commonbanner{padding-top: 0}
        .innerpg{padding: 35px 0}
        .titsm{font-size: 14px}
        .innerbanner{padding: 30px 0}
        .editprofile{padding: 40px 30px}
        .editlist{padding:15px 25px 30px 25px;margin-bottom: 30px}
        .editlist li>a{font-size: 14px;padding: 12px 0}
        .innerbanner p{font-size: 14px}
         .planslider.slick-dotted.slick-slider{padding: 0px 20px 35px}
        .plantop p{font-size: 18px}
        .plantop span{font-size: 20px}
        .plantop,.planbtn{padding: 20px}
        .planmid li{font-size: 12px;padding: 12px 15px 12px 25px}
        .planmid li:before {background-size: 10px;height: 10px;width: 10px;top:14px;left: 8px}
        .abtop p{font-size: 14px;margin-bottom: 20px}
        .abtop{margin-top: 0}
        .abgrey{margin-top: 35px}
        .abtbox{padding: 30px 20px}
        .abcircle{height: 90px;width: 90px}
        .abcircle img{max-width: 50px;max-height: 50px}
        .purchasebox li{width: 33.3%}
        .mydirlist li{width: 50%}
        .modalmain .modal-content{border-radius: 20px;padding: 25px}
        .modalform{padding: 20px 0 0}
        .modalmain .modal-title{font-size: 22px;}
        .products-listing{margin: 0 -5px}
        .product-element-container{width: calc(33.3% - 10px);margin:0 5px;padding: 12px;}
    }
    @media screen and (max-width:860px)
    {
        .bannerimg>img{max-width: 130%;margin-left: -4%}
    }
    @media screen and (max-width:767px)
    {
         .hslideicon{height:55px;width: 55px}
        /*.hslidetit{font-size: 16px;line-height: 20px}*/
        .ftcopyright p{text-align: center;margin-top: 5px}
        .fterm{text-align: center;}
        /*.fthead{font-size: 20px;margin-bottom: 25px;padding-bottom: 15px}*/
        /*.htitle{font-size: 22px;padding-bottom: 15px;}*/
        /*.hpubox .htitle{line-height: 30px;}*/
         .newtit,.listnewtit{font-size: 14px;}
        .newtxt p,.listnewtxt p,.listnewdate{font-size: 13px;}
        .newtxt,.listnewtxt{padding: 20px 15px}
        .newlist,.newlisting{margin: 0 -10px}
        .newlist li,.newlisting li{margin-bottom:25px;padding: 0 10px}
        .newdate {font-size: 12px;padding-left: 20px}
        .newdate:before{width: 12px;height: 12px;top:-1px;}
         .ctleft{margin-top: 0;margin-bottom: 30px;padding: 0}
        .contactform,.editprofile,.corporteform,.innerpg .paystack-embed-container{padding:25px}
        .ctit{font-size: 26px;}
        .ctmap iframe{height:350px}
        .abtop{padding: 0}
         .abtmain .row{justify-content: center;}
        .abtit{margin-bottom: 10px;font-size: 15px}
        .abcircle{margin: 0 auto 10px}
        .abtbox p{font-size: 12px}
        .detit,.quotetit{font-size: 20px;margin-bottom: 15px}
        .detimg,.detslider{margin: 15px 0;}
        .bulleting li{font-size: 13px;margin-bottom: 10px;padding-left: 21px}
        .newsdetail p{font-size: 13px;margin-bottom: 10px}
        .quoteicon{height: 40px;width: 40px;font-size: 20px;line-height: 42px;margin: 0 auto 10px}
        .prserbox{width: 100%;}
        .prsertit{font-size: 15px;}
        .prserbox span{font-size: 13px;}
        .prsertit:before{max-width: 130px}
        .prsertit:ater{max-width: 40px}
        .corporteform,.innerpg .paystack-embed-container{width: 100%}
    }
    @media(max-width:700px)
    {   
    
        
    }
    @media(max-width:600px)    
    { 
        /*.headshare a{margin-right: 15px;font-size:18px}*/
        
        
    }
    @media(max-width:575px)
    {
        .ftblock3 .ftlink{overflow: hidden}
        .ftblock2, .ftblock3{padding-right: 0;text-align: center}
        .fthead:before{right: 0;margin: auto}
        .ftblock4,.ftblock1{text-align: center}
        .ftblock3{margin-bottom: 25px}
        .bannerbtn .btn{font-size: 10px;padding: 8px 15px;margin: 0 5px}
        .bannerbtn{margin-top: 10px}
        .bannertxt p{font-size: 14px;margin-top: 10px; width: 100%;}
        .bannertit{font-size: 28px}
        .bannerimg>img{max-width: 150%;margin-left: -9%}
        .ftblock4 .form-control{margin: 0 auto}
        .ftbtn{margin: 0 auto}  
        .comtimg{width: 50px;}
        .comtxt{width: calc(100% - 50px);padding-left: 15px;}
        .commentlist li{padding-bottom: 10px;margin-bottom: 10px}
        .comdate{font-size: 12px;}
        .btnreply{font-size: 14px}
        .usernm{font-size: 15px}
        .breadcrumb-item{font-size: 13px}
         .purchasebox span{font-size: 12px}
        .purchasebox p,.prdate{font-size: 14px}
        .mydirtit,.drgridname {font-size: 14px;}
        .mydirbox p{font-size: 12px;}
        .drgridname{margin: 5px 0}
        .drgridpost {padding: 5px 10px;font-size: 11px;}
        .drgridtxt{margin-top: -12px}
        .drgridimg,.editlist,.mydirbox,.contactform,.corporteform,.abtbox,.purchasebox,.planbox{border-radius: 25px;}
        .row{margin-left: -10px;margin-right: -10px}
        [class*="col"]{padding-left: 10px;padding-right: 10px}
        
    }
    @media(max-width:500px)
    {
       
     
    }
    @media(max-width:450px)
    {   
        
        /*.logo-left{width:120px}*/
        .btnbuy{margin-right: 50px;font-size: 10px;line-height: 100%}
        /*.headshare a{font-size: 15px;margin-right:0;padding: 8px 6px 8px 0}*/
        .bannertxt{padding: 0 15px;top:20%}
        .togglebtn{top:50px;}
        .headshare a{margin-right: 10px}
        .headaccount a{margin: 0 0 0 15px}
        .abtbox{height: auto !important;}
        .listnewbox{max-width: 255px;margin: 0 auto}
        .purchasebox li{width: 50%;padding: 5px}
        .purchasebox li:last-child{width: 100%;}
        .file-caption-main .hidden-xs{display: none}
         .prsertit{font-size: 13px;}
        .prserbox span{font-size: 11px;}
        .prsertit:before{max-width: 100px}
        .prsertit:ater{max-width: 30px}
        .newtxt, .listnewtxt{padding: 15px}
        .dirtxtbox select{margin-left: 10px}
        .modalmain .modal-title{font-size: 18px}
        .modal-header .btnresub{font-size: 12px;font-size: 6px 12px}
        .purchasebox a{width: auto}
    }
    
    @media(max-width:380px)
    {
        .menu_link nav{width: 100%;}
        .togglebtn.active{right: 0;left: auto}
       .bannertxt p{font-size: 12px;margin-top: 10px}
        .bannerbtn .btn{padding: 8px 13px;font-size: 9px}
        .bannerimg>img{max-width: 170%;margin-left: -9%}
        .mydirlist li{width: 100%}
        .mydirbox{height: auto !important;}
        .newlist li,.abtmain .col-6,.newlisting .col-6{max-width: 100%;flex: 0 0 100%}
        .modalmain .modal-header{display: block}
        .modal-header .btnresub{float: right;margin-top: 10px;}
    }