@media(max-width: 992px){
    
.widget-aboutus{}
.widget-aboutus .aboutusimg{}
.widget-aboutus .aboutusimg:before{}
.widget-aboutus .aboutusimg img{}
.widget-aboutus .aboutus-content{}
.widget-aboutus .aboutus-content h3{}
.widget-aboutus .aboutus-content span{}
.widget-aboutus .aboutus-content p{}

.widget-one .sliderimg .leftslider h3{font-size: 25px;}
.pagebreadcrumb{}
.pagebreadcrumb:after{}
.pagebreadcrumb .breadcrumb-col{}
.pagebreadcrumb .breadcrumb-col h3{}
.pagebreadcrumb .breadcrumb-col ul{}
.pagebreadcrumb .breadcrumb-col ul li{}
.pagebreadcrumb .breadcrumb-col ul li a{}
.pagebreadcrumb .breadcrumb-col ul li:not(:first-child):before{}
.pagebreadcrumb .breadcrumb-col ul li:not(:last-child) a{}
.mob-footeroverlay{display: block;position: fixed;bottom: 0;left: 0;background: #fff;box-shadow: 0 0 10px  -3px #bbb;z-index: 9999;width: 100%;}
.mob-footeroverlay .mob-overlay-ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
}
.mob-footeroverlay .mob-overlay-ul .mob-overlay-li{
    flex: 0 0 25%;
}
.mob-footeroverlay .mob-overlay-ul .mob-overlay-li .mob-overlay-a{
    text-align: center;
}
.mob-footeroverlay .mob-overlay-ul .mob-overlay-li .mob-overlay-a .icon{}
.mob-footeroverlay .mob-overlay-ul .mob-overlay-li .mob-overlay-a .icon i{
    font-size: 15px;
    line-height: 1;
}
.mob-footeroverlay .mob-overlay-ul .mob-overlay-li .mob-overlay-a p{
    font-size: 0.7em;
    font-weight: 500;
    line-height: 1.2;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


header{padding: 15px 10px;}
header.fix{
    box-shadow: 0 1px 5px 2px #00000024;
}
.header-left{}
.moblogo-li .websitelogo{ width: 200px;}
.websitelogo img{
    width: 200px;
}
.mobmenuclose{
    position: absolute;
    top: 20px;
    right: 20px;
}
.header-center{
    position: fixed;
    left: -310px;
    top: 0;
    width: 300px;
    height: 100vh;
    z-index: 9;
    background: #fff;
    transition: .2s linear;
}
.header-center.active{
    left: 0;
}
.header-center .menu-ul{
    flex-direction: column;
    gap: 0;
    align-items: start;
}
.header-center .menu-li{
    padding: 5px 20px;
}
.header-center .menu-li.mob-li{display: block;}
.header-center .menu-li.moblogo-li{display: block;text-align: start;width: 100%;padding: 10px 15px;border-bottom: 1px solid #eee;margin: 0 0 20px;}
.header-center .menu-a{
    letter-spacing: 0.5px;
    padding: 0;
}
.header-center .menu-a:before{}
.header-center .menu-a.active:before,
.header-center .menu-a:hover:before{
    display: none;
}
.header-right{}
.header-right .loginbtn{
    display: none;
}
.header-right .mobmenushow{
    display: block;
    color: #000;
    font-size: 24px;
    margin: 0 20px 0 0;
}
.header-right .loginbtn span{
    display: none;
}
.header-right .loginbtn:hover{}
.header-right .loginbtn:after{}
.header-right .loginbtn:hover:after{}
.header-right .loginbtn:before{display: block;}
.header-right .loginbtn:hover:before{}
.header-right .loginbtn:nth-child(2){
    display: block;
    margin: 0 0 0 10px;
}
.header-right .loginbtn:nth-child(2) span{display: none;}



/*===================
mobile menu
===================*/
.stud_sidepanel .menu-ul{
    padding: 40px 0 0;
}
.stud_sidepanel .menu-li{
    padding: 8px 15px;
}
.stud_sidepanel .menu-li.mob-li{display: block;}
.stud_sidepanel .menu-li.moblogo-li{display: block;text-align: start;width: 100%;padding: 10px 15px;border-bottom: 1px solid #eee;margin: 0 0 20px;}
.stud_sidepanel .menu-a{
    letter-spacing: 0.5px;
    padding: 0;
    font-size: 16px;
}
.stud_sidepanel .menu-a:before{}
.stud_sidepanel .menu-a.active:before,
.stud_sidepanel .menu-a:hover:before{
    display: none;
}
    .header-right .searchpanelicon{margin-right: 0; font-size: 14px;}
    .account-widget .sidepanel{margin: 0 0 30px;}
    .account-inner-page .inner-page-title{padding: 0 0 10px;margin: 0;}
.widget-bookcode{
    background: linear-gradient(45deg, #f2e8ff, #def4ff);
}

/*===================
    widget one
===================*/
.widget-one{}
.search-gridbox{
    width: 80%;
}
.search-gridbox .gridbox-title{}
.search-gridbox .gridbox-title .centertag{}
.gridbox-form{
}
.grid-fields{
    background: none;
    box-shadow: none;
    gap: 0;
    row-gap: 10px;
    padding: 0;
}
.grid-fields .fields{}
.grid-fields .fields.fields-one{
    flex: 0 0 100%;
    padding: 0;
    border: none;
}
.grid-fields .fields.fields-two{flex: 0 0 93%;}
.grid-fields .fields.fields-three{
    background: #fff;
}
.grid-fields .fields :is(select, input){}
.grid-fields .fields select{}
.grid-fields .fields input{}
.grid-fields .fields button{}
.grid-fields .fields button:before{}
/*===================
widget books page
===================*/
.widget-books{
    padding: 20px 15px;
}
.widget-books .gridbook-box{
    /* display: flex; */
    /* align-items: center; */
}


.widget-books .gridbook-box figure{
    width: 50%;
}
.widget-books .gridbook-box figure img{}
.widget-books .gridbook-box .heading{
    /* width: 50%; */
}
.widget-books .gridbook-box .heading h3{}
.widget-books .gridbook-box .heading span{}
.widget-books .gridbook-box-cat{
    /* display: block; */
}
.widget-books .gridbook-box figure,
.widget-books .gridbook-box .heading{
    /* width: 100%; */
}

/*===================
widget book category page
===================*/
.widget-book-category{
    padding: 30px 15px;
}
.widget-book-category .bookcat{}
.widget-book-category .bookcat figure{}
.widget-book-category .bookcat figure img{}
.widget-book-category .bookcat .heading{}
.widget-book-category .bookcat .heading h3{}
.widget-book-category .bookcat .heading .countbooks{}

/*===================
 widget class page
===================*/
.widget-papergenerator{
    padding: 30px 15px;
}
.widget-papergenerator .gridbox-class-img{}
.widget-papergenerator .gridbox-class-img:before{}
.widget-papergenerator .gridbox-class-img img{}
.widget-papergenerator .gridclass-box{}
.widget-papergenerator .gridclass-box:before{}
.widget-papergenerator .gridclass-box:hover:before{}
.widget-papergenerator .gridclass-box figure{}
.widget-papergenerator .gridclass-box:hover figure{}
.widget-papergenerator .gridclass-box figure i{}
.widget-papergenerator .gridclass-box .heading{}
.widget-papergenerator .gridclass-box .heading h3{}
.widget-papergenerator .gridclass-box .heading .countbooks{}
.widget-papergenerator .createpaper-form{}
.widget-papergenerator .createpaper-form form{}
.widget-papergenerator .createpaper-form form .fields{}
.widget-papergenerator .createpaper-form form .fields label{}
.widget-papergenerator .createpaper-form form .fields :is(select, input){}
.widget-papergenerator .createpaper-form form .fields :is(select, input):focus{}
.widget-papergenerator .createpaper-form form .fields :is(select, input)::placeholder{}
.printpaper-fields,
.questions-fields{height: auto}
/*===================
 widget contact
===================*/
.widget-contact{
    padding: 30px 15px;
}
.widget-contact .contact-left{}
.widget-contact .contact-left .tagline{}
.widget-contact .contact-left .title{}
.widget-contact .contact-left .address{}
.widget-contact .contact-left .address h4{}
.widget-contact .contact-left .address p{}
.widget-contact .contact-left .email-number{}
.widget-contact .contact-left .email-number a{}
.widget-contact .contact-left .email-number a.phone{}
.widget-contact .contact-left .email-number a.email{}
.widget-contact .contact-right{}
.widget-contact .contact-right form{
    width: 90%;
}
.widget-contact .contact-right form .fields{}
.widget-contact .contact-right form .fields label{}
.widget-contact .contact-right form .fields input{}
.widget-contact .contact-right form .fields textarea{}
.widget-contact .contact-right form .fields-btn{}
.widget-contact .contact-right form .fields-btn button{}
/*===================
    widget blogs
===================*/
.widget-blogs{padding: 30px 15px;}
.widget-blogs .gridblogs-box{}
.widget-blogs .gridblogs-box .gridimg{}
.widget-blogs .gridblogs-box .gridimg img{}
.widget-blogs .gridblogs-box .gridimg:hover img{}
.widget-blogs .gridblogs-box .content{}
.widget-blogs .gridblogs-box .content .date{}
.widget-blogs .gridblogs-box .content .title{}
.widget-blogs .gridblogs-box .content .title:hover{}
}



@media(max-width: 768px){
    
.widget-aboutus{}
.widget-aboutus .aboutusimg{}
.widget-aboutus .aboutusimg:before{
    top: -30px;
    left: 0;
    height: 100%;
    width: 100%;
}
.widget-aboutus .aboutusimg img{
    margin: 5% auto 0;
    width: 80%;
    display: block;
}
.widget-aboutus .aboutus-content{
    margin: 5% 0 0;
}
.widget-aboutus .aboutus-content h3{}
.widget-aboutus .aboutus-content span{}
.widget-aboutus .aboutus-content p{}

.pagebreadcrumb{
    padding: 0;
}
.pagebreadcrumb:after{}
.pagebreadcrumb .breadcrumb-col{
    padding: 15px 0;
}
.pagebreadcrumb .breadcrumb-col h3{
    font-size: 1.2em;
}
.pagebreadcrumb .breadcrumb-col ul{}
.pagebreadcrumb .breadcrumb-col ul li{}
.pagebreadcrumb .breadcrumb-col ul li a{}
.pagebreadcrumb .breadcrumb-col ul li:not(:first-child):before{}
.pagebreadcrumb .breadcrumb-col ul li:not(:last-child) a{}
.widget-one{}
.search-gridbox{
    width: 100%;
}
.search-gridbox .gridbox-title{
    font-size: 2.3em;
}
.account-widget,
.widget-aboutus{padding: 20px 0}

.widget-websupport .support-first{
    padding: 15px;
}

.widget-books-left{
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100%;
    z-index: 999;
}

.widget-bookread .gridbook-video{
    margin: 0 0 20px;
}
.widget-bookread .gridbook-video .heading{}
.widget-bookread .gridbook-video .heading span{
    font-size: 10px;
}
.widget-bookread .gridbook-video .heading h3{
    font-size: 18px;
}

/*===================
    widget two
===================*/
.widget-two{
    padding: 30px 15px;
}
.books-gridtwo{}
.books-gridtwo{
    height: auto;
}
.books-gridtwo.left{padding: 50px 0 0;}
.books-gridtwo .gridimg-first{}
.books-gridtwo .gridimg-first:nth-child(1){
    margin: 2em 0 0;
    gap: 15px;
}
.books-gridtwo .gridimg-first:nth-child(2){
    gap: 15px;
}
.books-gridtwo .gridimg-first .gridimg1{}
.books-gridtwo .gridimg-first .gridimg1 img{}
.books-gridtwo .gridimg{
}
.books-gridtwo .gridimg:hover{
}
.books-gridtwo .gridimg img{}
.books-gridtwo .gridimg:nth-child(1){
    width: 140px;
    top: 10px;
    left: 0;
}
.books-gridtwo .gridimg:nth-child(2){
    width: 160px;
}
.books-gridtwo .gridimg:nth-child(2):hover{}
.books-gridtwo .gridimg:nth-child(3){
    width: 140px;
    top: 10px;
    right: 0;
}

.books-gridtwo.right{
    height: auto;
    padding: 50px 0 0;
}
.books-gridtwo .gridimg-second{}
.books-gridtwo .gridimg-second:nth-child(1){
    gap: 15px;
}
.books-gridtwo .gridimg-second:nth-child(2){
    margin: 2em 0 0;
    gap: 15px;
}
.books-gridtwo .gridimg-second .gridimg1{}
.books-gridtwo .gridimg-second .gridimg1 img{}
.books-gridtwo .gridimg1{}
.books-gridtwo .gridimg1:hover{}

/*===================
    widget three
===================*/
.widget-three{
    padding: 30px 0;
}
.widget-three .gridthree-img{}
.widget-three .gridthree-img .icon{}
.widget-three .gridthree-img .icon i{}
.widget-three .gridthree-img h4{}


/*===================
    widget four
===================*/
.widget-four{
    padding: 30px 15px;
}
.widget-four .maintitle{}
.widget-four .maintitle .heading{
}
.widget-four .maintitle .heading .tagline{
    font-weight: 600;
}
.widget-four .maintitle .heading .title{
    font-size: 1.3em;
}
.widget-four .maintitle .viewbtn{}
.widget-four .maintitle .viewbtn:after{}
.widget-four .maintitle .viewbtn:before{}
.widget-four .maintitle .viewbtn:hover:before{}
.widget-four .bookcat{}
.widget-four .bookcat figure{}
.widget-four .bookcat figure img{}
.widget-four .bookcat .heading{}
.widget-four .bookcat .heading h3{}
.widget-four .bookcat .heading .countbooks{}


/*===================
    widget five
===================*/
.widget-five{
    padding: 30px 15px;
}
.widget-five .maintitle{}
.widget-five .maintitle .heading{}
.widget-five .maintitle .heading .tagline{
    font-weight: 600;
}
.widget-five .maintitle .heading .title{
    font-size: 1.3em;
}
.widget-five .maintitle .viewbtn{
    letter-spacing: 0;
    gap: 0;
    font-size: 0.8em;
    font-weight: 600;
}
.widget-five .maintitle .viewbtn:after{}
.widget-five .maintitle .viewbtn:before{}
.widget-five .maintitle .viewbtn:hover:before{}
.widget-five .gridfive-box{}

.widget-five .gridfive-box figure{}
.widget-five .gridfive-box figure img{}
.widget-five .gridfive-box .heading{}
.widget-five .gridfive-box .heading h3{}
.widget-five .gridfive-box .heading span{}
/*===================
    widget six
===================*/
.widget-six{
    padding: 30px 15px;
}
.widget-six:before{
    color: #1f1a6b17;
}
.widget-six .maintitle{}
.widget-six .maintitle .tagline{
    font-weight: 600;
}
.widget-six .maintitle .title{
    font-size: 1.3em;
}
.widget-six .gridsix-box{}
.widget-six .gridsix-box .icon{
    border-radius: 50%;
}
.widget-six .gridsix-box .icon i{}
.widget-six .gridsix-box .content{}
.widget-six .gridsix-box .content p{}
.widget-six .gridsix-box .content .review-info{}
.widget-six .gridsix-box .content .review-info h3{}
.widget-six .gridsix-box .content .review-info span{}
.widget-six .slick-dots{
    bottom: -30px;
}
.widget-six .slick-dots li{
    background: var(--primary-color);
}
.widget-six .slick-dots li.slick-active{}
.widget-six .slick-dots li button{}


/*===================
    widget seven
===================*/
.widget-seven{
    padding: 30px 15px;
}
.widget-seven .maintitle{}
.widget-seven .maintitle .heading{}
.widget-seven .maintitle .heading .tagline{
    font-weight: 600;
}
.widget-seven .maintitle .heading .title{
    font-size: 1.3em;
}
.widget-seven .maintitle .viewbtn{
    font-size: .8em;
    font-weight: 600;
    letter-spacing: 0;
    gap: 0;
}
.widget-seven .maintitle .viewbtn:after{}
.widget-seven .maintitle .viewbtn:before{}
.widget-seven .maintitle .viewbtn:hover:before{}
.widget-seven .gridseven-box{
    margin: 0 0 30px;
}
.widget-seven .gridseven-box .gridimg{}
.widget-seven .gridseven-box .gridimg img{}
.widget-seven .gridseven-box .gridimg:hover img{}
.widget-seven .gridseven-box .content{}
.widget-seven .gridseven-box .content .date{
    color: var(--primary-color);
}
.widget-seven .gridseven-box .content .title{
    font-size: 1.1em;
}
.widget-seven .gridseven-box .content .title:hover{}
/*===================
    widget eight
===================*/

footer{
    padding: 30px 15px;
}
footer .gridfooter-box{
    margin: 0 0 30px;
}
footer .gridfooter-box .footerlogo{}
footer .gridfooter-box .footerlogo img{}
footer .gridfooter-box .listed{}
footer .gridfooter-box .listed .list{}
footer .gridfooter-box .listed .list .link{}
footer .gridfooter-box .listed .list .link:hover{}

footer .gridfooter-box .contactinfo-ul{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span i{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a:hover{}
footer .gridfooter-box .social-links{}
footer .gridfooter-box .social-links a{}
footer .gridfooter-box .social-links a:hover{}
footer .gridfooter-box iframe{}
footer .copyright{
    padding: 20px 10px;
}
footer .copyright p{
    display: inline-block;
}
footer .copyright p a{
    display: inline;
}
footer .copyright p a:hover{}

/*===================
widget books page
===================*/
.widget-books{}
.widget-books .gridbook-box{flex-direction: column;}

.widget-books .gridbook-box .icons{
    width: 100%;
}
.widget-books .gridbook-box figure img{}
.widget-books .gridbook-box .heading{
    width: 100%;
}
.widget-books .gridbook-box .heading h3{}
.widget-books .gridbook-box .heading span{}
/*===================
widget book category page
===================*/
.widget-book-category{}
.widget-book-category .bookcat{}
.widget-book-category .bookcat figure{}
.widget-book-category .bookcat figure img{}
.widget-book-category .bookcat .heading{}
.widget-book-category .bookcat .heading h3{}
.widget-book-category .bookcat .heading .countbooks{}

/*===================
 widget class page
===================*/
.widget-papergenerator{}
.widget-papergenerator .gridbox-class-img{
    margin: 0 0 30px;
}
.widget-papergenerator .gridbox-class-img:before{}
.widget-papergenerator .gridbox-class-img img{}
.widget-papergenerator .gridclass-box{}
.widget-papergenerator .gridclass-box:before{}
.widget-papergenerator .gridclass-box:hover:before{}
.widget-papergenerator .gridclass-box figure{}
.widget-papergenerator .gridclass-box:hover figure{}
.widget-papergenerator .gridclass-box figure i{}
.widget-papergenerator .gridclass-box .heading{}
.widget-papergenerator .gridclass-box .heading h3{}
.widget-papergenerator .gridclass-box .heading .countbooks{}
.widget-papergenerator .createpaper-form{}
.widget-papergenerator .createpaper-form form{}
.widget-papergenerator .createpaper-form form .fields{}
.widget-papergenerator .createpaper-form form .fields label{}
.widget-papergenerator .createpaper-form form .fields :is(select, input){}
.widget-papergenerator .createpaper-form form .fields :is(select, input):focus{}
.widget-papergenerator .createpaper-form form .fields :is(select, input)::placeholder{}
.printpaper-fields{margin: 20px 0 0;}
/*===================
 widget contact
===================*/
.widget-contact{
}
.widget-contact .contact-left{}
.widget-contact .contact-left .tagline{}
.widget-contact .contact-left .title{}
.widget-contact .contact-left .address{}
.widget-contact .contact-left .address h4{}
.widget-contact .contact-left .address p{}
.widget-contact .contact-left .email-number{}
.widget-contact .contact-left .email-number a{}
.widget-contact .contact-left .email-number a.phone{}
.widget-contact .contact-left .email-number a.email{}
.widget-contact .contact-right{
    margin: 20px 0 0;
    padding: 50px;
}
.widget-contact .contact-right form{
    width: 100%;
}
.widget-contact .contact-right form .fields{}
.widget-contact .contact-right form .fields label{}
.widget-contact .contact-right form .fields input{}
.widget-contact .contact-right form .fields textarea{}
.widget-contact .contact-right form .fields-btn{}
.widget-contact .contact-right form .fields-btn button{}
}



@media(max-width: 576px){
.widget-download .gridbook-box .heading h3{font-size: 20px;}
.widget-aboutus{}
.widget-aboutus .aboutusimg{}
.widget-aboutus .aboutusimg:before{}
.widget-aboutus .aboutusimg img{}
.widget-aboutus .aboutus-content{
    padding: 10px 15px 20px;
}
.widget-aboutus .aboutus-content h3{
    font-size: 25px;
}
.widget-aboutus .aboutus-content span{
    font-size: 18px;
}
.widget-aboutus .aboutus-content p{
    text-align: justify;
}

header{border: none;padding: 10px 0;}
.websitelogo img{width: 200px;}
.header-right .loginbtn.hidemob{display: none;}
.pagebreadcrumb{}
.pagebreadcrumb:after{}
.pagebreadcrumb .breadcrumb-col{}
.pagebreadcrumb .breadcrumb-col h3{}
.pagebreadcrumb .breadcrumb-col ul{}
.pagebreadcrumb .breadcrumb-col ul li{}
.pagebreadcrumb .breadcrumb-col ul li a{}
.pagebreadcrumb .breadcrumb-col ul li:not(:first-child):before{}
.pagebreadcrumb .breadcrumb-col ul li:not(:last-child) a{}
.widget-one{
    background: linear-gradient(180deg, #c8ecff, #c8ecff, #b1acf7);
}
.search-gridbox{
    /* background: #1f1a6b0a; */
    padding: 20px 15px;
    border-radius: 10px;
}
.search-gridbox .gridbox-title{
    font-size: 1.8em;
}

.widget-websupport .websupport-column{padding: 15px;margin: 0 0 30px;}
.widget-websupport .support-second{}
.widget-websupport .support-second h3{
    font-size: 20px;
}
.widget-websupport .support-second p{}
.widget-websupport .support-first{
    padding: 0;
    margin: 0 0 40px;
}
.widget-websupport .support-first h3{
    font-size: 26px;
}
.widget-websupport .support-first h4{
    font-size: 20px;
    margin: 0 0 10px;
}
.widget-websupport .support-first p{
    text-align: justify;
}
.widget-websupport .support-first a{}

.widget-blogs .gridblog-one-right{margin: 30px 0 0;}


.teacherbook .teacher_bk{
    padding: 15px;
}
.teacherbook .teacher_bk span{
    font-size: 17px;
}
.teacherbook .teacher_bk .profilebtns{flex-direction: column;gap: 5px;}
.teacherbook .teacher_bk .profilebtns a{
    display: block;
    width: 100%;
}
.teacherbook .teacher_bk .profilebtns a.view{}
.teacherbook .teacher_bk .profilebtns a.download{}


.account-widget,
.widget-aboutus{padding: 20px 0;}
.widget-books .books-column .class-tab{
    flex-direction: column;
    align-items: flex-start;
}
.widget-books .books-column .class-tab ul{width: 100%;}

.widget-bookread{
    padding: 20px 0;
}
.widget-bookread .gridbook-code{
    padding: 0;
    gap: 10px;
    box-shadow: none;
}
.widget-bookread .gridbook-code .heading{}
.widget-bookread .gridbook-code .heading span{
    font-size: 12px;
}
.widget-bookread .gridbook-code .heading h3{
    font-size: 18px;
}
.widget-bookread .gridbook-code .enterbookcode{}
.widget-bookread .gridbook-code .enterbookcode a{
    padding: 6px 15px;
    font-size: 15px;
}
.widget-bookread .gridbook-code .enterbookcode a:nth-child(1){}
.widget-bookread .gridbook-code .enterbookcode a:nth-child(2){}
    .widget-bookread .gridbook-code .enterbookcode a i{display: none;}
/*===================
    widget two
===================*/
.widget-two{}
.books-gridtwo{
    position: relative;
}
.books-gridtwo{
    height: 330px;
}
.books-gridtwo.left{
    display: none;
}
.books-gridtwo .gridimg-first{}
.books-gridtwo .gridimg-first:nth-child(1){}
.books-gridtwo .gridimg-first:nth-child(2){}
.books-gridtwo .gridimg-first .gridimg1{}
.books-gridtwo .gridimg-first .gridimg1 img{}
.books-gridtwo .gridimg{
}
.books-gridtwo .gridimg:hover{}
.books-gridtwo .gridimg img{}
.books-gridtwo .gridimg:nth-child(1){width: 180px;}
.books-gridtwo .gridimg:nth-child(2){width: 200px;}
.books-gridtwo .gridimg:nth-child(2):hover{}
.books-gridtwo .gridimg:nth-child(3){
    width: 180px;
}

.books-gridtwo.right{
    display: none;
}
.books-gridtwo .gridimg-second{}
.books-gridtwo .gridimg-second:nth-child(1){}
.books-gridtwo .gridimg-second:nth-child(2){}
.books-gridtwo .gridimg-second .gridimg1{}
.books-gridtwo .gridimg-second .gridimg1 img{}
.books-gridtwo .gridimg1{}
.books-gridtwo .gridimg1:hover{}

/*===================
    widget three
===================*/
.widget-three{
    padding: 20px 0 0;
}
.widget-three .gridthree-img{
    border: 2px solid #eee;
    margin: 0 0 20px;
}
.widget-three .gridthree-img .icon{}
.widget-three .gridthree-img .icon i{}
.widget-three .gridthree-img h4{}


/*===================
    widget four
===================*/
.widget-four{
    padding: 20px 0;
}
.widget-four .maintitle{}
.widget-four .maintitle .heading{}
.widget-four .maintitle .heading .tagline{
    font-size: 0.8em;
}
.widget-four .maintitle .heading .title{
    font-size: 1em;
}
.widget-four .maintitle .viewbtn{}
.widget-four .maintitle .viewbtn:after{}
.widget-four .maintitle .viewbtn:before{}
.widget-four .maintitle .viewbtn:hover:before{}
.widget-four .bookcat{}
.widget-four .bookcat figure{}
.widget-four .bookcat figure img{}
.widget-four .bookcat .heading{}
.widget-four .bookcat .heading h3{}
.widget-four .bookcat .heading .countbooks{}
/*===================
widget five
===================*/
.widget-five{
    padding: 20px 0;
}
.widget-five .maintitle{}
.widget-five .maintitle .heading{}
.widget-five .maintitle .heading .tagline{
    font-size: .8em;
}
.widget-five .maintitle .heading .title{
    font-size: 1.1em;
}
.widget-five .maintitle .viewbtn{}
.widget-five .maintitle .viewbtn:after{}
.widget-five .maintitle .viewbtn:before{}
.widget-five .maintitle .viewbtn:hover:before{}
.widget-five .gridfive-box{}

.widget-five .gridfive-box figure{}
.widget-five .gridfive-box figure img{}
.widget-five .gridfive-box .heading{}
.widget-five .gridfive-box .heading h3{}
.widget-five .gridfive-box .heading span{}
/*===================
    widget six
===================*/
.widget-six{}
.widget-six:before{
    font-size: 30em;
}
.widget-six .maintitle{}
.widget-six .maintitle .tagline{
    font-size: .8em;
}
.widget-six .maintitle .title{
    font-size: 1.1em;
}
.widget-six .gridsix-box{}
.widget-six .gridsix-box .icon{}
.widget-six .gridsix-box .icon i{}
.widget-six .gridsix-box .content{}
.widget-six .gridsix-box .content p{}
.widget-six .gridsix-box .content .review-info{}
.widget-six .gridsix-box .content .review-info h3{}
.widget-six .gridsix-box .content .review-info span{}
.widget-six .slick-dots{}
.widget-six .slick-dots li{}
.widget-six .slick-dots li.slick-active{}
.widget-six .slick-dots li button{}


/*===================
    widget seven
===================*/
.widget-seven{
    padding: 20px 0;
}
.widget-seven .maintitle{}
.widget-seven .maintitle .heading{}
.widget-seven .maintitle .heading .tagline{
    font-size: .8em;
}
.widget-seven .maintitle .heading .title{
    font-size: 1.1em;
}
.widget-seven .maintitle .viewbtn{}
.widget-seven .maintitle .viewbtn:after{}
.widget-seven .maintitle .viewbtn:before{}
.widget-seven .maintitle .viewbtn:hover:before{}
.widget-seven .gridseven-box{}
.widget-seven .gridseven-box .gridimg{}
.widget-seven .gridseven-box .gridimg img{}
.widget-seven .gridseven-box .gridimg:hover img{}
.widget-seven .gridseven-box .content{}
.widget-seven .gridseven-box .content .date{}
.widget-seven .gridseven-box .content .title{}
.widget-seven .gridseven-box .content .title:hover{}
/*===================
    widget eight
===================*/

footer{}
footer .gridfooter-box{}
footer .gridfooter-box .footerlogo{}
footer .gridfooter-box .footerlogo img{}
footer .gridfooter-box .listed{}
footer .gridfooter-box .listed .list{}
footer .gridfooter-box .listed .list .link{}
footer .gridfooter-box .listed .list .link:hover{}

footer .gridfooter-box .contactinfo-ul{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span i{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a:hover{}
footer .gridfooter-box .social-links{}
footer .gridfooter-box .social-links a{}
footer .gridfooter-box .social-links a:hover{}
footer .gridfooter-box iframe{}
footer .copyright{}
footer .copyright p{
    text-align: center;
}
footer .copyright p a{}
footer .copyright p a:hover{}
/*===================
widget books page
===================*/
.widget-books{
    padding: 20px 0;
}
.widget-books .gridbook-box{
    margin: 0 0 30px;
}

.widget-books .gridbook-box figure{}
.widget-books .gridbook-box figure img{}
.widget-books .gridbook-box .heading{
    padding: 0;
}
.widget-books .gridbook-box .heading h3{
    font-size: 0.9em;
    margin: 0;
}
    .widget-books .gridbook-box .heading .viewbtn{
    display: none;
}
.widget-books .gridbook-box .heading span{
    font-size: .8em;
    font-weight: 600;
    letter-spacing: .5px;
}

/*===================
widget book category page
===================*/
.widget-book-category{
    padding: 20px 0 0;
}
.widget-book-category .bookcat{}
.widget-book-category .bookcat figure{}
.widget-book-category .bookcat figure img{}
.widget-book-category .bookcat .heading{}
.widget-book-category .bookcat .heading h3{}
.widget-book-category .bookcat .heading .countbooks{}
/*===================
 widget class page
===================*/
.widget-papergenerator{
    padding: 20px 0;
}
.widget-papergenerator .gridbox-class-img{}
.widget-papergenerator .gridbox-class-img:before{}
.widget-papergenerator .gridbox-class-img img{}
.widget-papergenerator .gridclass-box{}
.widget-papergenerator .gridclass-box:before{}
.widget-papergenerator .gridclass-box:hover:before{}
.widget-papergenerator .gridclass-box figure{}
.widget-papergenerator .gridclass-box:hover figure{}
.widget-papergenerator .gridclass-box figure i{}
.widget-papergenerator .gridclass-box .heading{}
.widget-papergenerator .gridclass-box .heading h3{}
.widget-papergenerator .gridclass-box .heading .countbooks{}
.widget-papergenerator .createpaper-form{}
.widget-papergenerator .createpaper-form form{}
.widget-papergenerator .createpaper-form form .fields{}
.widget-papergenerator .createpaper-form form .fields label{}
.widget-papergenerator .createpaper-form form .fields :is(select, input){}
.widget-papergenerator .createpaper-form form .fields :is(select, input):focus{}
.widget-papergenerator .createpaper-form form .fields :is(select, input)::placeholder{}
/*===================
 widget contact
===================*/
.widget-contact{
    padding: 20px 0;
}
.widget-contact .contact-left{}
.widget-contact .contact-left .tagline{}
.widget-contact .contact-left .title{
    font-size: 1.9em;
    padding: 5px 0 0;
}
.widget-contact .contact-left .address{}
.widget-contact .contact-left .address h4{}
.widget-contact .contact-left .address p{}
.widget-contact .contact-left .email-number{}
.widget-contact .contact-left .email-number a{}
.widget-contact .contact-left .email-number a.phone{}
.widget-contact .contact-left .email-number a.email{}
.widget-contact .contact-right{}
.widget-contact .contact-right form{}
.widget-contact .contact-right form .fields{}
.widget-contact .contact-right form .fields label{}
.widget-contact .contact-right form .fields input{}
.widget-contact .contact-right form .fields textarea{}
.widget-contact .contact-right form .fields-btn{}
.widget-contact .contact-right form .fields-btn button{}
/*===================
    widget blogs
===================*/
.widget-blogs{padding: 20px 0;}
.widget-blogs .gridblogs-box{}
.widget-blogs .gridblogs-box .gridimg{}
.widget-blogs .gridblogs-box .gridimg img{}
.widget-blogs .gridblogs-box .gridimg:hover img{}
.widget-blogs .gridblogs-box .content{}
.widget-blogs .gridblogs-box .content .date{}
.widget-blogs .gridblogs-box .content .title{}
.widget-blogs .gridblogs-box .content .title:hover{}
.widget-three .gridthree-img p{display: none;}
.widget-bookcode .gridbook-code{padding: 20px;}
}



@media(max-width: 420px){
    
.widget-aboutus{}
.widget-aboutus .aboutusimg{}
.widget-aboutus .aboutusimg:before{}
.widget-aboutus .aboutusimg img{}
.widget-aboutus .aboutus-content{}
.widget-aboutus .aboutus-content h3{}
.widget-aboutus .aboutus-content span{}
.widget-aboutus .aboutus-content p{}

.widget-bookread{}
.widget-bookread .gridbook-box{height: 100%;display: flex; align-items: center; justify-content: center;}
.widget-bookread .gridbook-box figure{}
.widget-bookread .gridbook-box figure img{}    
.widget-bookread .gridbook-code{}
.widget-bookread .gridbook-code .heading{}
.widget-bookread .gridbook-code .heading span{}
.widget-bookread .gridbook-code .heading h3{}
.widget-bookread .gridbook-code .enterbookcode{}
        .widget-bookread .gridbook-code .enterbookcode a{font-size: 12px; padding: 4px 10px;}
.widget-bookread .gridbook-code .enterbookcode a:nth-child(1){}
.widget-bookread .gridbook-code .enterbookcode a:nth-child(2){}


.widget-bookcode.active{}
.widget-bookcode .bookcodepanelclose{
    top: 10px;
    right: 10px;
    font-size: 20px;
}
.widget-bookcode .bookcodepanelclose:hover{}
.widget-bookcode .widget-bookcodeinner{
    flex-direction: column;
    box-shadow: 0 5px 10px -7px #000;
    border-radius: 10px;
    padding: 25px 15px;
    background: #fff;
}
.widget-bookcode .gridbook-box{}
.widget-bookcode .gridbook-box figure{
    text-align: center;
}
.widget-bookcode .gridbook-box figure img{
    width: 50%;
}
.widget-bookcode .gridbook-code .heading{
    margin: 0 0 20px;
}
.widget-bookcode .gridbook-code .heading h3{
    font-size: 18px;
}
.widget-bookcode .gridbook-code .heading span{
    font-size: 10px;
}
.widget-bookcode .gridbook-code{
    gap: 10px;
    width: 100%;
    box-shadow: none;
    padding: 10px 0 0;
    background: none;
}
.widget-bookcode .gridbook-code .enterbookcode{}
.widget-bookcode .gridbook-code .enterbookcode form{}
.widget-bookcode .gridbook-code .enterbookcode form .fields{}
.widget-bookcode .gridbook-code .enterbookcode form .fields label{
    font-size: 13px;
}
.widget-bookcode .gridbook-code .enterbookcode form .fields label i{}
.widget-bookcode .gridbook-code .enterbookcode form .fields input{
    padding: 5px 10px;
}
.widget-bookcode .gridbook-code .enterbookcode form .fields input:focus{}
.widget-bookcode .gridbook-code .enterbookcode form .fields input[type='submit']{
    font-size: 13px;
}
.widget-bookcode .gridbook-code .enterbookcode form .fields input[type='submit']:hover{}
.widget-bookcode .gridbook-code .enterbookcode small{}

.pagebreadcrumb{}
.pagebreadcrumb:after{}
.pagebreadcrumb .breadcrumb-col{
    padding: 10px;
}
.pagebreadcrumb .breadcrumb-col h3{
    font-size: 14px;
}
.pagebreadcrumb .breadcrumb-col ul{
}
.pagebreadcrumb .breadcrumb-col ul li{
    font-size: 12px;
    font-weight: 400;
}
.pagebreadcrumb .breadcrumb-col ul li a{}
.pagebreadcrumb .breadcrumb-col ul li:not(:first-child):before{
    font-size: 10px;
}
.pagebreadcrumb .breadcrumb-col ul li:not(:last-child) a{
    font-size: .9em;
    font-weight: 500;
}
.websitelogo img{width: 180px;}
header{
    padding: 14px 0;
    background: #c8ecff;
    background: #fff;
}
.header-right{}
.header-right .loginbtn{
    font-size: 16px;
    padding: 5px;
}
.header-right .loginbtn span{
    display: none;
}
.header-right .loginbtn:hover{}
.header-right .loginbtn:after{}
.header-right .loginbtn:hover:after{}
.header-right .loginbtn:before{}
.header-right .loginbtn:hover:before{}
.header-right .loginbtn.mobmenushow{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin: 0;
}
.header-right .loginbtn:nth-child(2){
    margin: 0 0 0 10px;
}
.header-right .loginbtn.mobmenushow span{
    display: block;
    font-size: 0.9em;
    display: none;
}
.header-right .loginbtn.mobmenushow:hover:after{
    display: none;
}
.widget-one{}
.search-gridbox{}
.search-gridbox .gridbox-title{
    font-size: 1.1em;
}
.grid-fields .fields{}
.grid-fields .fields.fields-one{}
.grid-fields .fields.fields-two{
    flex: 0 0 90%;
}
.grid-fields .fields.fields-three{
    flex: 0 0 10%;
    padding: 5.2px 0;
}
.search-gridbox .gridbox-title .centertag{color: #faa532;}
/*===================
    widget two
===================*/
.widget-two{
    padding: 20px 0;
    border-radius: 25px 25px 0 0;
}
.books-gridtwo{}
.books-gridtwo{
    height: 200px;
}
.books-gridtwo.left{}
.books-gridtwo .gridimg-first{}
.books-gridtwo .gridimg-first:nth-child(1){}
.books-gridtwo .gridimg-first:nth-child(2){}
.books-gridtwo .gridimg-first .gridimg1{}
.books-gridtwo .gridimg-first .gridimg1 img{}
.books-gridtwo .gridimg{}
.books-gridtwo .gridimg:hover{}
.books-gridtwo .gridimg img{}
.books-gridtwo .gridimg:nth-child(1){
    width: 130px;
    top: 10px;
}
.books-gridtwo .gridimg:nth-child(2){
    width: 150px;
}
.books-gridtwo .gridimg:nth-child(2):hover{}
.books-gridtwo .gridimg:nth-child(3){
    width: 130px;
}

.books-gridtwo.right{}
.books-gridtwo .gridimg-second{}
.books-gridtwo .gridimg-second:nth-child(1){}
.books-gridtwo .gridimg-second:nth-child(2){}
.books-gridtwo .gridimg-second .gridimg1{}
.books-gridtwo .gridimg-second .gridimg1 img{}
.books-gridtwo .gridimg1{}
.books-gridtwo .gridimg1:hover{}

/*===================
    widget three
===================*/
.widget-three{}
.widget-three .gridthree-img{
    padding: 10px 5px;
    border: 1px solid #eee;
    min-height: auto;
}
.widget-three .gridthree-img .icon{}
.widget-three .gridthree-img .icon i{
    font-size: 20px;
    line-height: 1;
}
.widget-three .gridthree-img h4{
    font-size: 0.7em;
    font-weight: 500;
    padding: 0;
}

.widget-three .head h3{
    font-size: 1.2em;
}
.widget-three .head p{
    padding: 0;
    font-size: .9em;
    text-align: justify;
}
/*===================
    widget four
===================*/
.widget-four{}
.widget-four .maintitle{
    padding: 0 0 20px;
}
.widget-four .maintitle .heading{}
.widget-four .maintitle .heading .tagline{
    font-size: 0.7em;
    letter-spacing: 2px;
}
.widget-four .maintitle .heading .title{
    padding: 0 0 10px;
}
.widget-four .maintitle .heading p{font-size: .9em;text-align: justify;}
.widget-four .maintitle .viewbtn{}
.widget-four .maintitle .viewbtn:after{}
.widget-four .maintitle .viewbtn:before{}
.widget-four .maintitle .viewbtn:hover:before{}
.widget-four .bookcat{
    padding: 10px;
}
.widget-four .bookcat figure{
    margin: 0 0 10px;
}
.widget-four .bookcat figure img{}
.widget-four .bookcat .heading{}
.widget-four .bookcat .heading h3{
    font-size: .9em;
}
.widget-four .bookcat .heading .countbooks{
    font-size: 0.8em;
}
/*===================
widget five
===================*/
.widget-five{
    padding: 20px 0;
}
.widget-five .maintitle{}
.widget-five .maintitle .heading{}
.widget-five .maintitle .heading .tagline{
    font-size: .7em;
    letter-spacing: 2px;
}
.widget-five .maintitle .heading .title{
    font-size: 1em;
}
.widget-five .maintitle .viewbtn{
    font-size: 0.7em;
}
.widget-five .maintitle .viewbtn:after{}
.widget-five .maintitle .viewbtn:before{}
.widget-five .maintitle .viewbtn:hover:before{}
.widget-five .gridfive-box{}

.widget-five .gridfive-box figure{}
.widget-five .gridfive-box figure img{}
.widget-five .gridfive-box .heading{}
.widget-five .gridfive-box .heading h3{
    font-size: 0.9em;
}
.widget-five .gridfive-box .heading span{}
.widget-five .slick-arrow.slick-prev{
    left: -6px;
}
.widget-five .slick-arrow.slick-prev:before{
    font-size: 20px;
}
.widget-five .slick-arrow.slick-next{
    left: 89%;
}
.widget-five .slick-arrow.slick-next:before{
    font-size: 20px;
}
/*===================
    widget six
===================*/
.widget-six{}
.widget-six:before{
    font-size: 3em;
    top: initial;
    left: initial;
    bottom: -6px;
    z-index: 9;
    right: 30px;
    color: var(--secondary-color);
}
.widget-six .maintitle{
    padding: 0 0 20px;
}
.widget-six .maintitle .tagline{
    font-size: .7em;
    letter-spacing: 2px;
}
.widget-six .maintitle .title{
    font-size: 1em;
}
.widget-six .gridsix-box{
    flex-direction: column;
    border-radius: 20px;
    padding: 10px 0 10px;
    margin: 5px;
    position: relative;
    gap: 10px;
}
.widget-six .gridsix-box .icon{
    width: 40px;
}
.widget-six .gridsix-box .icon i{
    font-size: 0.5em;
}
.widget-six .gridsix-box .content{
    width: 100%;
    padding: 0 20px;
}
.widget-six .gridsix-box .content p{}
.widget-six .gridsix-box .content .review-info{}
.widget-six .gridsix-box .content .review-info h3{
    font-size: 0.8em;
}
.widget-six .gridsix-box .content .review-info span{
    font-size: 0.7em;
}
.widget-six .slick-dots{}
.widget-six .slick-dots li{}
.widget-six .slick-dots li.slick-active{}
.widget-six .slick-dots li button{}


/*===================
    widget seven
===================*/
.widget-seven{}
.widget-seven .maintitle{}
.widget-seven .maintitle .heading{}
.widget-seven .maintitle .heading .tagline{
    font-size: .7em;
    letter-spacing: 2px;
}
.widget-seven .maintitle .heading .title{
    font-size: 1em;
}
.widget-seven .maintitle .viewbtn{
    font-size: 0.7em;
}
.widget-seven .maintitle .viewbtn:after{}
.widget-seven .maintitle .viewbtn:before{}
.widget-seven .maintitle .viewbtn:hover:before{}
.widget-seven .gridseven-box{}
.widget-seven .gridseven-box .gridimg{}
.widget-seven .gridseven-box .gridimg img{}
.widget-seven .gridseven-box .gridimg:hover img{}
.widget-seven .gridseven-box .content{}
.widget-seven .gridseven-box .content .date{}
.widget-seven .gridseven-box .content .title{
    font-size: 1em;
}
.widget-seven .gridseven-box .content .title:hover{}
/*===================
    widget eight
===================*/

footer{}
footer .gridfooter-box{}
footer .gridfooter-box.map{
    margin: 0;
}
footer .gridfooter-box .footerlogo{}
footer .gridfooter-box .footerlogo img{}
footer .gridfooter-box .listed{}
footer .gridfooter-box .listed .list{}
footer .gridfooter-box .listed .list .link{}
footer .gridfooter-box .listed .list .link:hover{}

footer .gridfooter-box .contactinfo-ul{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span i{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a:hover{}
footer .gridfooter-box .social-links{}
footer .gridfooter-box .social-links a{}
footer .gridfooter-box .social-links a:hover{}
footer .gridfooter-box iframe{}
footer .copyright{
    padding: 20px 0 40px;
}
footer .copyright p{}
footer .copyright p a{}
footer .copyright p a:hover{}
/*===================
widget books page
===================*/
.widget-books{}
.widget-books .gridbook-box{}

.widget-books .gridbook-box figure{}
.widget-books .gridbook-box figure img{}
.widget-books .gridbook-box .heading{}
.widget-books .gridbook-box .heading h3{}
.widget-books .gridbook-box .heading span{}

/*===================
widget book category page
===================*/
.widget-book-category{}
.widget-book-category .bookcat{}
.widget-book-category .bookcat figure{}
.widget-book-category .bookcat figure img{}
.widget-book-category .bookcat .heading{}
.widget-book-category .bookcat .heading h3{}
.widget-book-category .bookcat .heading .countbooks{}
/*===================
 widget class page
===================*/
.widget-papergenerator{}
.widget-papergenerator .gridbox-class-img{}
.widget-papergenerator .gridbox-class-img:before{}
.widget-papergenerator .gridbox-class-img img{}
.widget-papergenerator .gridclass-box{
    padding: 15px 10px;
    margin: 0 0 15px;
}
.widget-papergenerator .gridclass-box:before{}
.widget-papergenerator .gridclass-box:hover:before{}
.widget-papergenerator .gridclass-box figure{
    width: 40px;
    height: 40px;
}
.widget-papergenerator .gridclass-box:hover figure{}
.widget-papergenerator .gridclass-box figure i{
    font-size: 0.9em;
}
.widget-papergenerator .gridclass-box .heading{}
.widget-papergenerator .gridclass-box .heading h3{
    font-size: 1.2em;
}
.widget-papergenerator .gridclass-box .heading .countbooks{}
.widget-papergenerator .createpaper-form{}
.widget-papergenerator .createpaper-form form{}
.widget-papergenerator .createpaper-form form .fields{}
.widget-papergenerator .createpaper-form form .fields label{}
.widget-papergenerator .createpaper-form form .fields :is(select, input){}
.widget-papergenerator .createpaper-form form .fields :is(select, input):focus{}
.widget-papergenerator .createpaper-form form .fields :is(select, input)::placeholder{}

/*===================
 widget contact
===================*/
.widget-contact{}
.widget-contact .contact-left{}
.widget-contact .contact-left .tagline{
    letter-spacing: 1px;
}
.widget-contact .contact-left .title{
    font-size: 1.3em;
    width: 90%;
}
.widget-contact .contact-left .address{}
.widget-contact .contact-left .address h4{
    font-size: 1.1em;
    font-weight: 600;
}
.widget-contact .contact-left .address p{
    font-size: 0.9em;
}
.widget-contact .contact-left .email-number{}
.widget-contact .contact-left .email-number a{}
.widget-contact .contact-left .email-number a.phone{
    font-size: 1.3em;
    line-height: 1;
}
.widget-contact .contact-left .email-number a.email{
    font-size: .9em;
}
.widget-contact .contact-right{
    padding: 30px 20px;
}
.widget-contact .contact-right form{}
.widget-contact .contact-right form .fields{}
.widget-contact .contact-right form .fields label{}
.widget-contact .contact-right form .fields input{}
.widget-contact .contact-right form .fields textarea{}
.widget-contact .contact-right form .fields-btn{}
.widget-contact .contact-right form .fields-btn button{}
/*===================
    widget blogs
===================*/
.widget-blogs{}
.widget-blogs .gridblogs-box{
    margin: 0 0 20px;
    box-shadow: 0 2px 5px 0 #eee;
}
.widget-blogs .gridblogs-box .gridimg{}
.widget-blogs .gridblogs-box .gridimg img{
    width: 100%;
}
.widget-blogs .gridblogs-box .gridimg:hover img{}
.widget-blogs .gridblogs-box .content{
    padding: 10px;
}
.widget-blogs .gridblogs-box .content .date{
    font-size: 0.8em;
    font-weight: 600;
}
.widget-blogs .gridblogs-box .content .title{
    font-size: 1em;
}
.widget-blogs .gridblogs-box .content .title:hover{}
}



@media(max-width: 375px){
.widget-aboutus{}
.widget-aboutus .aboutusimg{}
.widget-aboutus .aboutusimg:before{}
.widget-aboutus .aboutusimg img{}
.widget-aboutus .aboutus-content{}
.widget-aboutus .aboutus-content h3{}
.widget-aboutus .aboutus-content span{}
.widget-aboutus .aboutus-content p{}

.pagebreadcrumb{}
.pagebreadcrumb:after{}
.pagebreadcrumb .breadcrumb-col{}
.pagebreadcrumb .breadcrumb-col h3{}
.pagebreadcrumb .breadcrumb-col ul{}
.pagebreadcrumb .breadcrumb-col ul li{}
.pagebreadcrumb .breadcrumb-col ul li a{}
.pagebreadcrumb .breadcrumb-col ul li:not(:first-child):before{}
.pagebreadcrumb .breadcrumb-col ul li:not(:last-child) a{}
.widget-one{}
.search-gridbox{}
.search-gridbox .gridbox-title{}
/*===================
    widget two
===================*/
.widget-two{
    border-radius: 25px 25px 0 0;
    transform: translateY(-20px);
    z-index: 9;
    position: relative;
    background: #f7f7f7;
    padding: 40px 0 0px;
}
.books-gridtwo{}
.books-gridtwo{}
.books-gridtwo.left{}
.books-gridtwo .gridimg-first{}
.books-gridtwo .gridimg-first:nth-child(1){}
.books-gridtwo .gridimg-first:nth-child(2){}
.books-gridtwo .gridimg-first .gridimg1{}
.books-gridtwo .gridimg-first .gridimg1 img{}
.books-gridtwo .gridimg{}
.books-gridtwo .gridimg:hover{}
.books-gridtwo .gridimg img{}
.books-gridtwo .gridimg:nth-child(1){}
.books-gridtwo .gridimg:nth-child(2){}
.books-gridtwo .gridimg:nth-child(2):hover{}
.books-gridtwo .gridimg:nth-child(3){}

.books-gridtwo.right{}
.books-gridtwo .gridimg-second{}
.books-gridtwo .gridimg-second:nth-child(1){}
.books-gridtwo .gridimg-second:nth-child(2){}
.books-gridtwo .gridimg-second .gridimg1{}
.books-gridtwo .gridimg-second .gridimg1 img{}
.books-gridtwo .gridimg1{}
.books-gridtwo .gridimg1:hover{}

/*===================
    widget three
===================*/
.widget-three{}
.widget-three .gridthree-img{}
.widget-three .gridthree-img .icon{}
.widget-three .gridthree-img .icon i{}
.widget-three .gridthree-img h4{}


/*===================
    widget four
===================*/
.widget-four{}
.widget-four .maintitle{}
.widget-four .maintitle .heading{}
.widget-four .maintitle .heading .tagline{}
.widget-four .maintitle .heading .title{}
.widget-four .maintitle .viewbtn{}
.widget-four .maintitle .viewbtn:after{}
.widget-four .maintitle .viewbtn:before{}
.widget-four .maintitle .viewbtn:hover:before{}
.widget-four .bookcat{}
.widget-four .bookcat figure{}
.widget-four .bookcat figure img{}
.widget-four .bookcat .heading{}
.widget-four .bookcat .heading h3{}
.widget-four .bookcat .heading .countbooks{}
/*===================
widget five
===================*/
.widget-five{}
.widget-five .maintitle{}
.widget-five .maintitle .heading{}
.widget-five .maintitle .heading .tagline{}
.widget-five .maintitle .heading .title{}
.widget-five .maintitle .viewbtn{}
.widget-five .maintitle .viewbtn:after{}
.widget-five .maintitle .viewbtn:before{}
.widget-five .maintitle .viewbtn:hover:before{}
.widget-five .gridfive-box{}

.widget-five .gridfive-box figure{}
.widget-five .gridfive-box figure img{}
.widget-five .gridfive-box .heading{}
.widget-five .gridfive-box .heading h3{}
.widget-five .gridfive-box .heading span{}

/*===================
    widget six
===================*/
.widget-six{}
.widget-six:before{}
.widget-six .maintitle{}
.widget-six .maintitle .tagline{}
.widget-six .maintitle .title{}
.widget-six .gridsix-box{}
.widget-six .gridsix-box .icon{}
.widget-six .gridsix-box .icon i{}
.widget-six .gridsix-box .content{}
.widget-six .gridsix-box .content p{}
.widget-six .gridsix-box .content .review-info{}
.widget-six .gridsix-box .content .review-info h3{}
.widget-six .gridsix-box .content .review-info span{}
.widget-six .slick-dots{}
.widget-six .slick-dots li{}
.widget-six .slick-dots li.slick-active{}
.widget-six .slick-dots li button{}


/*===================
    widget seven
===================*/
.widget-seven{}
.widget-seven .maintitle{}
.widget-seven .maintitle .heading{}
.widget-seven .maintitle .heading .tagline{}
.widget-seven .maintitle .heading .title{}
.widget-seven .maintitle .viewbtn{}
.widget-seven .maintitle .viewbtn:after{}
.widget-seven .maintitle .viewbtn:before{}
.widget-seven .maintitle .viewbtn:hover:before{}
.widget-seven .gridseven-box{}
.widget-seven .gridseven-box .gridimg{}
.widget-seven .gridseven-box .gridimg img{}
.widget-seven .gridseven-box .gridimg:hover img{}
.widget-seven .gridseven-box .content{}
.widget-seven .gridseven-box .content .date{}
.widget-seven .gridseven-box .content .title{}
.widget-seven .gridseven-box .content .title:hover{}
/*===================
    widget eight
===================*/

footer{}
footer .gridfooter-box{}
footer .gridfooter-box .footerlogo{}
footer .gridfooter-box .footerlogo img{}
footer .gridfooter-box .listed{}
footer .gridfooter-box .listed .list{}
footer .gridfooter-box .listed .list .link{}
footer .gridfooter-box .listed .list .link:hover{}

footer .gridfooter-box .contactinfo-ul{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li span i{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a{}
footer .gridfooter-box .contactinfo-ul .contactinfo-li .contactinfo-a:hover{}
footer .gridfooter-box .social-links{}
footer .gridfooter-box .social-links a{}
footer .gridfooter-box .social-links a:hover{}
footer .gridfooter-box iframe{}
footer .copyright{}
footer .copyright p{}
footer .copyright p a{}
footer .copyright p a:hover{}
/*===================
widget books page
===================*/
.widget-books{}
.widget-books .gridbook-box{}

.widget-books .gridbook-box figure{}
.widget-books .gridbook-box figure img{}
.widget-books .gridbook-box .heading{}
.widget-books .gridbook-box .heading h3{}
.widget-books .gridbook-box .heading span{}

/*===================
widget book category page
===================*/
.widget-book-category{}
.widget-book-category .bookcat{}
.widget-book-category .bookcat figure{}
.widget-book-category .bookcat figure img{}
.widget-book-category .bookcat .heading{}
.widget-book-category .bookcat .heading h3{}
.widget-book-category .bookcat .heading .countbooks{}

/*===================
 widget class page
===================*/
.widget-papergenerator{}
.widget-papergenerator .gridbox-class-img{}
.widget-papergenerator .gridbox-class-img:before{}
.widget-papergenerator .gridbox-class-img img{}
.widget-papergenerator .gridclass-box{}
.widget-papergenerator .gridclass-box:before{}
.widget-papergenerator .gridclass-box:hover:before{}
.widget-papergenerator .gridclass-box figure{}
.widget-papergenerator .gridclass-box:hover figure{}
.widget-papergenerator .gridclass-box figure i{}
.widget-papergenerator .gridclass-box .heading{}
.widget-papergenerator .gridclass-box .heading h3{}
.widget-papergenerator .gridclass-box .heading .countbooks{}
.widget-papergenerator .createpaper-form{
    padding: 10px;
}
.widget-papergenerator .createpaper-form form{}
.widget-papergenerator .createpaper-form form .fields{}
.widget-papergenerator .createpaper-form form .fields label{}
.widget-papergenerator .createpaper-form form .fields :is(select, input){}
.widget-papergenerator .createpaper-form form .fields :is(select, input):focus{}
.widget-papergenerator .createpaper-form form .fields :is(select, input)::placeholder{}
.printpaper-fields{padding: 20px 10px;}
.printpaper-fields .paperheader{flex-direction: column;}
/*===================
 widget contact
===================*/
.widget-contact{}
.widget-contact .contact-left{}
.widget-contact .contact-left .tagline{}
.widget-contact .contact-left .title{}
.widget-contact .contact-left .address{}
.widget-contact .contact-left .address h4{}
.widget-contact .contact-left .address p{}
.widget-contact .contact-left .email-number{}
.widget-contact .contact-left .email-number a{}
.widget-contact .contact-left .email-number a.phone{}
.widget-contact .contact-left .email-number a.email{}
.widget-contact .contact-right{}
.widget-contact .contact-right form{}
.widget-contact .contact-right form .fields{}
.widget-contact .contact-right form .fields label{}
.widget-contact .contact-right form .fields input{}
.widget-contact .contact-right form .fields textarea{}
.widget-contact .contact-right form .fields-btn{}
.widget-contact .contact-right form .fields-btn button{}
/*===================
    widget blogs
===================*/
.widget-blogs{}
.widget-blogs .gridblogs-box{}
.widget-blogs .gridblogs-box .gridimg{}
.widget-blogs .gridblogs-box .gridimg img{}
.widget-blogs .gridblogs-box .gridimg:hover img{}
.widget-blogs .gridblogs-box .content{}
.widget-blogs .gridblogs-box .content .date{}
.widget-blogs .gridblogs-box .content .title{}
.widget-blogs .gridblogs-box .content .title:hover{}
}