/* column 5 bootstrab */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}


/*********************************************************************/




@media (max-width:600px) {}


/***********************************************************************/


/*responsive*/

/*glaxy*/

@media only screen and (max-width: 767px) {
    .stylImg {
    width: 187px;
    margin: 10px 0px 10px 0px;
     }

    .callR {
        text-align: center;
        }
    .sociaL {
        text-align: center;
        margin-bottom: 5px;
    }
    .numb {
        font-size: 11px;
        letter-spacing: 3px;
        padding: 4px;
        font-weight: 100;
        
    }
    .lang {
        padding: 4px;
        font-size: 11px;
        margin-top: 10px;
    }
    .dbtn{
        margin: 0;
    }
   .title1  {
        font-size: 13px;
        font-weight: 600;
        top: 13%;
       left: 16%;
       right: 16%;
      }
    
    .h1 {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 2px;
        padding: 120px 2px 10px 2px;
    }
    .h6 {
        font-size: 12px;
        padding-top: 2px;
    }
    .h6 span {
        font-size: 11px;
    }
  
    
     .p1 {
    font-size: 9px;
    text-align: center;
    padding: 15px 22px 0 25px;
    }
    .squr {
    width: 114px;
    height: 85px;
    }
    .pserv{
    padding: 34px 9px;
    font-size: 11px;


    }
    .overlW{
     padding-left: 30px;
    }
    .overlay {
    width: 82%;
    height: 90%;
    margin-left: 9%;
    }
    .imgbox {
    width: 80%;
    position: absolute;
    left: 11.3%;
    bottom: -70px;
    }
    .btnbox {
     margin-left: 0; 
     position: absolute;
     top: 70px;
     height: 30px;
     left: 30%;
    }
    .box1{
        height: 253px;
        margin: 8px 66px;
        width: 59%;

    }
    .box2{
        height: 190px;
    }
    .ptitle {
    padding: 5px 0 3px 0;
    }
    .prce{
    padding: 3px;
    }
    .circle{
        font-size: 14px;
        top: -17px;
        right: -13px;
    }
    .h33{
        font-size: 25px;
        margin-top: -56px;

    }
    .btIMG{
    top: 155px;
    height: 40px;
    left: 30%;
    }
    .fcol{
        margin-left: 6%;
    }
    .hphone {
    font-size: 13px;
    letter-spacing: 2px;
    }
    .fa-mobile-alt, .fa-envelope {
    font-size: 17px;
    padding: 10px 6px;
    }
    .tcall {
    font-size: 15px;
    letter-spacing: 1px;
    }
    .htital {
    font-size: 13px;
    }
    .fa-cc-visa,.fa-amazon-pay,.fa-cc-discover,.fa-cc-mastercard,.fa-cc-jcb,.fa-cc-paypal{

    font-size: 31px;
    padding: 1px 7px 3px 7px;
    margin: 24px 1px;
    }
    .callC2{
        height: 80px;
    }
}


/********************************************************************/

/* Small Mobiles */

@media (max-width:400px) {
    .title1 {
    font-size: 12px;
    font-weight: 600;
    top: 11%;
    left: 15%;
    right: 15%;
    }
    .h1{
    padding:99px 6px 2px 6px;

    }
    .carousel-indicators{
        bottom: -7px;
    }
}



/********************************************************************/




/*iphone5*/

@media (max-width: 320px) {

    .title1 {
    font-size: 12px;
    font-weight: 600;
    top: 10%;
    left: 12%;
    right: 12%
    }
    .box2{
    height: 207px;

    }
    .btnbox{
    left: 25%;

    }
}
/********************************************************************/


/*iphonex&6&7&8*/

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

  
   
}



/*********************************************************************/


/*pixel 2xl*/

@media only screen and (min-width:411px) {
 
    .overlay {
    width: 84%;
    margin-left: 7%;
    }
   .h1 {
 
     padding: 154px 5px 4px 7px;

    }
}



/*pixel 2*/

@media only screen and (min-width:731px) {
/*
    .overlay {
    width: 82%;
    height: 90%;
    margin-left: 9%;
    }
*/

}



/* meduim labs */


/*ipad*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .fa-cc-visa,.fa-amazon-pay,.fa-cc-discover,.fa-cc-mastercard,.fa-cc-jcb,.fa-cc-paypal{
        margin: 44px 20px;
        
    }
    .callC {
    height: 302px;
    }
    .title1 {
      left: 29%;
      right: 29%;
    }
    .imgbox {
    width: 72%;
    position: absolute;
    left: 14.3%;
    height: 125px;
    bottom: -124px;}
    .box1{
    margin: 0px 30px 75px 28px;

    height: 300px;
    }
    .prce{
        padding: 2px;
    }
    .ptitle {
        padding: 5px;
    }
    .box2{
     height: 250px;
    }
    .btnbox{
    top: 136px;
    left: 37%;
    }
    .btIMG{
     left: 12%;
     top: 76%;


    }
    .overlay {
    width: 90%;
    margin-left: 0%;
    }


 
}





/*ipad pro*/

@media only screen and (min-width: 960px) and (max-width: 1024px) {
  
    .overlay {
    width: 90%;
    margin-left: 0%;
    }

}


/****************************************************************/

/* large labs */

@media (min-width: 1200px) {
.overlay {
    width: 90%;
    margin-left: 0%;
    }
   
}