@charset "UTF-8";
/* IE10+ VIEWPORT FIX */
@-ms-viewport {width:device-width;}
@viewport {width:device-width;}

/* common for all */
@media only screen and (min-width: 769px){
    .slicknav_menu{display: none;}
    .mainmenu{display: block;}
}


/*============================ desktop view =================================================*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {}

/*============================ small tablet view =================================================*/
@media only screen and (min-width: 641px) and (max-width: 768px) {}

/*============================ mobile wide screen view =================================================*/
@media only screen and (min-width: 569px) and (max-width: 640px) {
	
}

/*============================ mobile view =================================================*/
@media only screen and (min-width: 280px) and (max-width: 768px) {
/*----- home page -----*/
    .topbar, .mainmenu{display: none;}
    .slicknav_menu{display: block;}

    h1{font-size: 30px;}
    h2{font-size: 26px;}
    h3{font-size: 24px;}
    h4{font-size: 20px;}
    h5{font-size: 18px;}
    h6{font-size: 16px;}

    a.rm{padding: 10px 12px;}
    .sec{margin-top: 0;}

    .sliderArea{height: 240px;}
    .slider img{height: 240px;}
    .stxt h1{margin-top: 30px;}


    .spcnt-text{
        height: 65px;
        width: 65px;
    }
    .spcnt-text i{
        font-size: 14px;
        margin: 16px 0 0;
    }
    .spcnt-text h4{
        text-transform: capitalize;
        font-size: 12px;
    }
    .spone{margin-left: 0;}
    .sptwo{margin-left: 67px;}
    .spthree{margin-left: 134px;}
    .dt{background-position: 83% 115%;}
    .dt p{font-size: unset;}

    .offer{margin-bottom: 35px;}
    .sec4{padding-top: 0;}
    .sec4 img{margin-top: 40px;}
    
    .col{
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .msg h3{font-size: 20px;}
    .person{margin-bottom: 60px;}
    
    
    
    
    
    
    
    
    
    
}