/* css only for hover effect all hover effect must write in this Media query */

@media only screen and (min-width: 767px) {

/* Mega Menu */

#header .header-right, #header .header-right .mega-menu{position: static;}

.menuMain li.mega-menu > a{position: relative;}

.menuMain li.mega-menu > a:before{

    content: "";

    width: 0;

    height: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #1e1c55;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -18px;

    margin: auto;

    opacity: 0;

    visibility: hidden;

    transition: all 0.4s ease-in-out;

}

.menuMain li.mega-menu .sub-menu{

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 99%;

    text-align: left;

    background: #fff;

    z-index: 9999;

    box-shadow: 0 2px 4px 2px rgb(0 0 0 / 10%);

    border-top: 4px solid #1e1c55;

    border-radius: 10px;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    

}

.menuMain li.mega-menu:hover > a:before{

    opacity: 1;

    visibility: visible;

}

.menuMain li.mega-menu:hover > ul.sub-menu{

    opacity: 1;

    visibility: visible;

    transition: all 0.4s ease-in-out;

}

.menuMain li.mega-menu > .sub-menu > li{

    width: 100%;

    padding: 0;

}

.menuMain li.mega-menu > .sub-menu > li > a{

    display: block;

    width: 260px;

    color: #1e1c55;

    padding: 10px 15px;

    padding-left: 46px;

    position: relative;

    border-bottom: 1px solid #e2e2e2;

    font-size: 0.875rem;

    font-weight: 500;

    border-right: 1px solid #e2e2e2;

}

.menuMain li.mega-menu > .sub-menu > li:last-child > a{

    border-bottom: none;

}

.menuMain li.mega-menu > .sub-menu > li > a > .nav-icon{

    width: 32px !important;

    height: 32px !important;

    position: absolute;

    left: 5px;

    top: 0;

    bottom: 0;

    text-align: center;

    /*background: #26245b;

    box-shadow: 0px 0px 20px 0px rgba(30, 28, 85, 0.1);

    border-radius: 50%;*/

    padding: 4px;

    display: flex;

    vertical-align: middle;

    /* border-radius: 60%; */

    /* background: #26245b; */

    margin: auto;

    /* box-shadow: 0px 0px 20px 0px rgba(30, 28, 85, 0.1); */

}

.menuMain li.mega-menu > .sub-menu > li > a > .nav-icon img{

    max-width: 100%;

    max-height: 100%;

    margin: auto;    

}

.menuMain li.mega-menu ul.sub-menu.service .megaSubnav{

    display: none;

    height: 100%;

    position: absolute;

    left: 270px;

    background: #fff;

    top: 0;

    z-index: 9;

    right: 0;

    padding-top: 15px;

}

.menuMain li.mega-menu ul.sub-menu.service .megaSubnav li{

    display: block;

    width: 100%;

}

.menuMain li.mega-menu ul.sub-menu.service .megaSubnav li h3{

    display: block;

    font-size: 1rem;

    font-weight: 600;

    color: #1e1c55;

}

.menuMain li.mega-menu ul.sub-menu.service .megaSubnav li a{

    font-size: 1rem;

}

.menuMain li.mega-menu > .sub-menu > li > a:after {

    content: "";

    width: 10px;

    height: 10px;

    background: #fff;

    position: absolute;

    right: -5px;

    top: 0;

    bottom: 0;

    transform: rotate(45deg);

    margin: auto;

    opacity: 0

}

.menuMain li.mega-menu ul.sub-menu.service li.activeNav > a{background: #f2f2f5; color: #1e1c55;}

.menuMain li.mega-menu ul.sub-menu.service li.activeNav > a:after{opacity: 1}

.menuMain li.mega-menu ul.sub-menu.service li.activeNav .megaSubnav{display: block;}

.menuMain li.mega-menu ul.sub-menu.service li .viewAll{padding: 10px 15px;text-align: center;text-transform: uppercase;font-weight: 700;color: #ff1c3b;}

.menuMain li.mega-menu > .sub-menu.software{background: #ffffff; padding: 10px 0; font-size: 0}

.menuMain li.mega-menu > .sub-menu.software > li{width: 20%;padding: 5px 15px; vertical-align: top;}

.menuMain li.mega-menu > .sub-menu.software > li > a{width: 100%; border-bottom:none; background: #fff; color: #1e1c55; border: none; }

.menuMain li.mega-menu > .sub-menu.software > li > a:hover{color: #ff1c3b;}

.menuMain li.mega-menu > .sub-menu.software{padding-bottom: 0}

.menuMain li.mega-menu > .sub-menu.software > li.full-width{width: 100%;text-align: center;border-top: 1px solid #e2e2e2;padding: 0;} 

.menuMain li.mega-menu > .sub-menu.software > li.full-width .viewAll{color: #ff1c3b;border-radius: 0;text-transform: uppercase;font-weight: 600;max-width: 100%;margin: auto;padding: 15px;}

.menuMain li.mega-menu > .sub-menu > li .viewAll:hover{background: #fff2f3;}

}



/* common css for below screen 1199 */

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

html{font-size: 14px;}    

.bannerSec:before{margin-right: -100px; background-size: contain; transform: translateX(100%);}

.healpSlider.owl-carousel .owl-nav{left: -250px;}

.screenshotList{margin: 0 -10px;} 

.screenshotList .screenshot{width: 25%; padding: 0 10px;}
html.sticky-header-active #sticky1{margin: 0;}
html.sticky-header-active #sticky2{top: 105px !important;}


.blog-post-header-title{
  font-size: 42px;
}
.accordion>.card>.card-header> div{
    font-size: 16px;
}

}



/* common css for below screen 991 */

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

.Pop-Up-mobile-view{ display: none;}

.btn{min-width: 0; font-size: 1rem;}

.menuMain li{font-size: 1rem; padding: 0 0.450rem;}

.loginLink{font-size: 1rem; margin: 0 0.450rem;}

.bannerSec{padding-bottom: 6rem;}

.bannerSec .bannerCon{padding-top: 0;}

.bannerSec .bannerTitle{font-size: 2.125rem}

.bannerSec .bannerTitle .smallTitle{font-size: 1.75rem}



.commonSec{padding: 4rem 0;}

.searviceBox .searviceIcon{width: 4.25rem; height: 4.25rem;}

.searviceBox .searviceIcon img{padding: 15px; }

.searviceBox .searviceTitle{font-size: 1rem}

.countBox{padding: 1rem; }

.countBox strong{font-size: 1.45rem;}

.cmsCon p, .cmsCon ul li{font-size: 1rem}



.helpSec .secHead{text-align: center;}

.helpSec .secHead .secTitle:after{right: 0; margin: auto;} 

.footNav li{display: inline-block; width: 50%;}



.innerMain{    padding: 2.1875rem 0;}

.listingMain .sidebar{width: 100%; margin-top: 15px; }

.listingMain .sidebar .smallBanner{display: none; width: 50%; float: left; padding: 0 5px; margin: 0}

.listingMain .listWrap{width: 100%; padding: 0}

.filterMain{position: fixed;width: 100%;left: -100%;top: 0;bottom: 0;z-index: 99999;margin: 0;border: none;border-radius: 0; transition: all 0.4s ease-in-out}

.slideFilter{left: 0}

.filter-header{display: none;}

.filter-header-mobile { display: flex; background: #fff;height: 46px;width: 100%;padding: 0 15px;line-height: 46px;font-size: 14px;color: #2d2d2d;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);}

.filter-header-mobile .back-filter {margin: 0;font-size: 14px;height: auto;width: auto;color: #32364f;cursor: pointer;float: left;padding: 0;font-weight: 500;text-transform: uppercase;}

.filter-header-mobile .back-filter i {margin-right: 4px;vertical-align: text-top}

.filter-header-mobile .apply_filter {width: auto;margin-left: 10px;color: #ff1c3b;text-decoration: none;font-weight: 500;text-transform: uppercase;background: none;}

.filter-header-mobile span {margin: 0 auto;font-size: 14px;text-transform: uppercase;font-weight: 500;}

/*.filter-footer {display: none;}*/

.features-filter{height: auto; max-height:calc(100% - 100px);}

.features-filter .filter-section ul{font-size: 0}

.features-filter .filter-section ul li{width: 33.33%; display: inline-block;}

.features-filter .filter-section ul.features li{width: 50%;}

.listingContent{padding: 2.25rem 0}



.m_filterBtn{height: 34px;line-height: 34px;padding: 0 15px;border-radius: 4px;border: 1px solid #1e1c55;font-size: 14px;text-transform: uppercase;margin-bottom: 1rem;float: right;font-weight: 500;}

jdiv .globalClass_662e{z-index: 9999; position: fixed;}

jdiv .__jivoMobileButton{/*position: relative;*/ z-index: 12;}



.pageHeader{padding: 2rem 0}

.all_modules .nav-list.item-data li{width: 33.33%;}

.profileBox .profileIntro .companyLogo{width: 6.25rem;height: 6.25rem; margin: 0;}



.screenshotList{margin: 0 -5px;}

.screenshotList .screenshot{width: 33.33%; padding: 0 5px;}



#pricing .row{margin-left: -5px; margin-right: -5px; }

#pricing .row div[class^='col-']{padding-left: 5px; padding-right: 5px;}

.packageBox .packageHead{padding: 10px; padding-bottom: 20px}

.packageBox .packagePrice .pkgPricetag{font-size: 1.450rem; padding: 0px 1rem; min-width: 0;     margin-top: -1.125rem;}

.packageBox .packagePrice .priceUnit{margin-top: 0;     line-height: 1.4;}

.pkgSpecs{padding: 0 10px;}

.pkgSpecs li{line-height: 1.2; margin-bottom: 0.750rem}

.featuresList li{width: 50%;}

.featuresList li:nth-child(2) ~ li{border-top: 1px solid #ebebeb}



.lineStyle-tabs.nav-tabs .nav-item .nav-link{font-size: 1.125rem;}

.lineStyle-tabs.nav-tabs .nav-item { padding: 0 0.750rem;}



.multiselect-container { min-width: 100% !important; column-count: 6;overflow: auto;}

/*.ck-button img{bottom: 30px}*/

.ck-button .textareacopybtn{display: none; position: absolute; left: 15px; right: 15px; bottom: 15px; z-index: 999; text-transform: uppercase; width: calc(100% - 30px);}

.ck-button.selected_img .textareacopybtn{display: block;}


html.sticky-header-active #sticky2{top: 125px !important;}

.blog-posts-item .post-large-col, .blog-posts-item .post-small-col {
    padding: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}
.blog-posts-item .post-large-col {
  border-bottom: 1px solid #e2e2e2;
  border-right: none;
}
.fixed-top {
    top: 98px;
}

}



/* common css for below screen 767 */

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

html{font-size: 12px;}          

.Pop-Up-mobile-view{display: none;}

.loginLink, .myProfile{display: none !important;}

.menuIcon {

    display: inline-block;

    vertical-align: middle;

}

.menuMain{position: fixed; width: 300px; top: 0; height: 100%; bottom: 0; left: -320px; background: #fff;  transition: all .6s ease-in-out;   margin: 0; z-index: 999999; text-align: left;}

.menuMain.slideMenu{left: 0;} 

.m-side-User {

    display: block;

    background: #1e1c55;

    padding: 10px 15px 10px 60px;

    position: relative;

}

.m-side-User .userPic{

    position: absolute;

    left: 10px;

    top: 0;

    bottom: 0;

    width: 1em;

    height: 1em;

    margin: auto;

    font-size: 23px;

    color: #1e1c55;

    background: #fff;

    width: 42px;

    height: 42px;

    text-align: center;

    border-radius: 50%;

    overflow: hidden;

}

.m-side-User .userPic img, .m-side-User .userPic  .far{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

    margin: auto;

}

.m-side-User span {

    display: block;

    width: 100%;

    font-size: 1rem;

    line-height: 1.4;

    font-weight: 400;

    color: #fff;

}

.m-side-User span strong {

    display: block;

    font-size: 1.25rem;

}

.menuMain ul.navigation{

    max-height: calc(100% - 66px);

    overflow: auto;

}

.menuMain .navigation > li{

    width: 100%;

    display: block;

    border-bottom: 1px solid #e2e2e2;

    padding: 0;

    position: relative;

}

.menuMain ul > li > a {

    display: block;

    font-size: 14px;

    font-weight: 500;

    padding: 10px 15px;

}

.menuMain li .nav-arrow{

        position: absolute;

    right: 10px;

    top: 0;

    bottom: inherit;

    width: 2rem;

    height: 42px;

    pointer-events: inherit;

}

.menuMain ul li.mega-menu .sub-menu{display: none;opacity: 1;visibility: visible;/* background: #26245b; */transition: none;}

.menuMain ul li.mega-menu .sub-menu ul{ display: none !important; } 

.menuMain ul li.mega-menu .sub-menu li{width: 100%;border-bottom: 1px solid #e2e2e2;} 

.menuMain ul li.mega-menu .sub-menu li .viewAll{padding-left: 0; padding-right: 0; text-align: center; font-weight: 600; color: #ff1c3b;}

.menuMain ul li.mega-menu .sub-menu li a{color: #26245b;font-weight: 400;font-size: 1rem;padding-left: 40px;}

.menuMain ul li.mega-menu .sub-menu li a img{vertical-align: middle;}

.menuMain li.mega-menu > .sub-menu > li > a{position: relative;}

.menuMain li.mega-menu > .sub-menu > li > a > .nav-icon { display: inline-block; position: absolute; left: 10px; top: 0; bottom: 0; max-height: 100%; width: 22px; text-align: center; padding: 7px 0;}

.menuMain li.mega-menu > .sub-menu > li > a > .nav-icon img{ max-width: 100%; max-height: 100%;}

.menuMain .callBack{width: 100%; margin-top: 15px; position: absolute; left: 0; bottom: 0; border-radius: 0;}

.commonSec {padding: 20px 0;}

.secHead .secTitle{font-size: 1.75rem}

.popCatsHead .popCatsTitle{font-size: 1.660rem; margin-bottom: 5px;}

.popCatsHead .popCatsTitle br{display: none;} 

.popCatsHead p{font-size: 1.125rem;}

.searviceBox{margin: 10px 0;}

.searviceBox .searviceIcon { width: 4.75rem; height: 4.75rem; margin-bottom: 5px;}

.searviceBox .searviceIcon img {padding: 12px;}

.countRow{margin-bottom: 1rem;}

.customerHead{margin-bottom: 1rem;}

.customerHead .customerTitle{font-size: 1.55rem;}

.owl-carousel .owl-dots .owl-dot{width: 4px; height: 4px;}

.owl-carousel .owl-dots .owl-dot.active{width: 10px;}

.healpSlider.owl-carousel .owl-stage-outer{overflow: visible !important; }

.healpSlider .item{padding: 0 4px}

.healpBox{padding: 15px 10px;}

.healpBox .healpCon{min-height: 0;}

.healpBox .healpCon p{font-size: 1.125rem;}



.latestBlog .container{padding: 0}

.latestBlog .container .row{white-space: nowrap; overflow: auto; display: block; margin: 0;  padding: 0 5px;}

.latestBlog .container .row .col-md-4{display: inline-block; vertical-align: top;  padding: 0 6px;  width: 240px;}

.latestBlog .container .row .col-md-4 .blogBox{white-space: normal;}

.blogBox .blogTitle{font-size: 14px;}

.blogBox p, .blogBox .btn{display: none;}



.footerInner{padding: 10px 0 8px;}

.social-media{text-align: center;}

.social-media li{width: 3.250rem;}

.social-media li a{font-size: 1.750rem;}

.social-media li.social-icons-facebook a{color: #3b5998}

.social-media li.social-icons-twitter a{color: #1aa9e1}

.social-media li.social-icons-linkedin a{color: #0073b2}

.social-media li.social-icons-instagram a{color: #7c4a3a}

.social-media li.social-icons-pinterest a{color: #cc2127}



.innerMain{padding: 1.25rem 0}

.listingTitle{font-size: 1.125rem;}

.listingMain{width: auto; margin: 0 -15px;}

.companyBox{border-radius: 0; border: none; border-bottom: 1px solid #e6e7e8;  margin: 0; border-top: 1px solid #e6e7e8;}

.companyBox .companyCon{width: 100%; border-right: none; padding-bottom: 10px;}

.companyBox .companyBtns{width: 100%; padding: 10px 0 0 0; border-top: 1px solid #e6e7e8; }

.companyBox .companyBtns .btn{width: auto; margin: 0 2px; }

.companyBox p{font-size: 12px;}

.listFoot{padding: 0 10px;}



.m_filterBtn{margin-left: 5px;}

.filter-section-title, .features-filter .filter-section ul li label{font-size: 14px;}



.cmsCon p, .cmsCon ul li, .cmsCon b {font-size: 1.1250rem;}

.pageHeader {padding: 1rem 0;}

.categoriesSelect .select2-container{font-size: 14px;}

.categoriesSelect .select2-container .select2-selection--single{height: 32px;}

.categoriesSelect .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 32px;}

.all_modules .nav-list.item-data li a, .wigetBox .wigetCon ul.nav-list li a{    font-size: 1.125rem;}



.compareCheck{display: inline-block; margin-left: 5px;}

.nav-tabs .nav-link{min-width: 0}

.tabContainer{padding: 0;}

/*.breadcrumbs{display: none !important;}*/



.profileAbout li{width: 100%;}



.modal-body{padding: 1rem;}
.profileBtns .btn{padding: 0.4rem 1rem;    line-height: 1.2;}
html.sticky-header-active #sticky2{top: 110px !important;}

.profileTabls{/*display: none;*/}

.profileTabls .lineStyle-tabs.nav-tabs{flex-wrap: nowrap; overflow: auto; white-space: nowrap;}

.visitWebsite{padding: 10px;}



.reviewItem{border: none; border-bottom: 1px solid #ebebeb;     padding: 0 0 1rem 0;    border-radius: 0; }

.packageBox{min-height: 0; margin-top: 1rem;}



.multiselect-container {min-width: 100% !important; column-count: 2; overflow: auto; will-change: transform; transform: translate3d(0px, 0px, 0px)!important;}



.registrationPage .container{padding: 0}

.registrationPage #regForm{padding: 10px; border-left: none; border-right: none; border-radius: 0;}

.registrationPage #regForm .nav-tabs{margin: 0 -10px;overflow: auto;flex-wrap: nowrap;white-space: nowrap;}

.tabContainer .nav-tabs .nav-link{padding: 8px 6px;} 

.registrationPage .listingTitle{font-size: 20px;} 



.card-title{font-size: 1.50rem;}

.pagination{margin-bottom: 1rem;}

.profileBox .companyBanner{display: none !important;}



html.sticky-header-active #sticky1{top: 0 !important; margin: 0;}

html.sticky-header-active #sticky1 .companyLogo{width: 4rem; height: 4rem;}

html.sticky-header-active #sticky1 .companyLogo img{padding: 2px;}

html.sticky-header-active #sticky1 .companyHead{width: calc(100% - 4rem); padding: 0 10px;}

html.sticky-header-active #sticky1 .companyHead .compantTitle{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

html.sticky-header-active #sticky1 .companyReview{margin-top: -6px; }

html.sticky-header-active #sticky1 .companyReview .jq-ry-container{width: auto !important; padding: 0}

html.sticky-header-active #sticky1 .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{max-height: 12px; width: auto;}

html.sticky-header-active #sticky1 .companySpecs{display: none;}

html.sticky-header-active #sticky1 .profileBtns{margin-top: 0 !important; width: 100%;}

html.sticky-header-active #sticky1 .profileBtns .btn{width: auto;}

html.sticky-header-active #sticky1 .profileBtns .btn-md{padding: 0.25rem 0.750rem;} 

html.sticky-header-active #sticky1 .btn + .btn{margin-left: 0.750rem;} 



.wigetBox{    border-radius: 0; margin-bottom: 0; border: none }



.safeNote{font-size: 12px;}

.initexit-popup-modal-body .modal-title{font-size: 2rem;}

.initexit-subTitle{font-size: 1.125rem; line-height: 1.2;}



.tabs-vertical .nav-tabs.profileNav{display: block; width: 100%; margin-bottom: 20px;}

.blog-post-header-title{
  font-size: 30px;
}
.blog-posts article.post.blog-single-post .cmsCon p, 
.blog-posts article.post.blog-single-post .cmsCon li{
  font-size: 16px;
}
.cmsCon h2{
    font-size: 22px;
}
.cmsCon h3{
  font-size: 18px;
}

.blog-post-header-info{
    padding: 10px 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog-post-header-authors,
.postEtaReadTime{ 
  font-size: 14px;
}
.fixed-top{
    top: 61px;
}
}



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

.bannerSec{padding: 20px 0;}

.bannerSec img{display: block; max-width: 260px; text-align: center; margin: auto auto 15px;}

.bannerSec .bannerTitle {font-size: 2rem; text-align: center;}



.detailsWrap{width: auto; margin: 0 -16px; }

.profileBox .profileIntro{padding: 10px;}

.profileBox .companyHead{width: calc(100% - 6.25rem);}

.profileInner{padding:0;}

.profileInner .card{border-radius: 0; border: none; margin-bottom: 0;}

.profileInner .card .card-body{padding: 10px;}



.pageHead{text-align: left; padding: 0.750rem 0 1.25rem 0;}

.pageHead .pageTitle{font-size: 1.475rem}

.pageHead .pageTitle:after{right: inherit;}

.pageHead p{font-size: 14px;}

.listFoot{text-align: center;}

.listFoot .updateInfo{display: block; width: 100%;     margin-bottom: 10px;}

.listFoot .pagination{width: 100%; text-align: center; justify-content: center;}

.features-filter .filter-section ul li{width: 50%;}

.features-filter .filter-section ul.features li{width: 100%;}

.all_modules .nav-list.item-data li { width: 50%;}

.software_category.nav-list.item-data li{width: 100%;}

.profileInner .card .card-header.portfolioHeading{padding-right: 80px !important;}

.visitWebsite{ font-size: 14px; width: 80px; text-align: center;}



.reviewsWrap{font-size: 0}

.reviewsWrap .reviewBox{margin-bottom: 1rem; width: 50%; }

.reviewsWrap .reviewBox:nth-child(3){border-left: none}

.screenshotList .screenshot{width: 50%;margin: 5px 0;}

iframe.video{    height: 200px;}



.packageBox{max-width: 300px; margin-left: auto; margin-right: auto;}

.softSpecBox{width: 50%;}



.blog-posts article.post .post-image{width: 100%; max-width: 100%}

.blog-posts article.post .post-content{width: 100%; padding: 10px;}





.purchaseIcon{width: 62px; height: 62px; padding: 2px;}

#leadBuyModal .row div[class^='col-']{padding-left: 5px; padding-right: 5px;}

.companyBox .companyReview a.writeReview .fa.fa-pencil{display: none;}

.blogSingle .container{width: 100%;}
.post-content .post-share{display: none;}
.post-content .secHead{margin-top: 0;}
}



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



}



/* common css for screen size between 480 to 767 */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}









/* common css for screen size between 600 to 767 */

@media only screen and (min-width: 600px) and (max-width: 767px) {

}





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

.profileBox .companyHead {width: calc(100% - 17.25rem);} 

.profileBox .profileBtns{width: 10.92rem;}

.profileBox .profileBtns .btn{width: 100%;}

.profileBox .profileBtns .btn + .btn {margin-left: 0;margin-top: 5px;}



.detailsWrap{width: auto; margin: 0 -16px; }

.profileBox .profileIntro{padding: 10px;}

/*.profileBox .companyHead{width: calc(100% - 6.25rem);}*/

.profileInner{padding:0;}

.profileInner .card{border-radius: 0; border: none; margin-bottom: 0;}

.profileInner .card .card-body{padding: 10px;}

}





/* common css for screen size between 768 to 1199 */

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

.btn{min-width: 0; padding: 0.450rem 1rem; font-size: 1rem}

.pageHeader{    padding: 2rem 0;}

}



/* common css for screen size between 768 to 1023 */

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



}





/* common css for screen size between 1024 to 1199 */

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



}