/* Smartphones (portrait and landscape) ----------- */

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



.wrapper{ width:100%; margin:0 auto;}

.logo-main{ width:100%; margin-top:20px; float:left; text-align:left;}



.logo{ width:70%; margin-left:20px;}

.nav-main{ margin-top:0px;}

.nav-middle{ width:100%; height:-20px;}



.topnavbar{ margin:0px;}

.welcome{ width:90%; margin-left:12px;}

.welcome h1{ margin-top:20px; font-size:20px;}



.services{ width:100%;}

.services h1{ margin-top:20px; font-size:20px;}

.services-left{ width:90%; margin-top:5px; margin-left:10px;}





.tariff{ width:90%; margin-left:5px;}

.tariff h1{ width:100%;} 

.tariff-left{ width:97%;}

.tariff-text{ width:90%;}

.tariff-bx{width:95%;}

.tariff-img{ width:87%;}





.footer{ width:90%;}

.footer-one{ width:100%; float:left; margin-top:20px;}

.footer-two{ width:100%; float:left; margin-top:20px; margin-left:00px;}

.footer-three{ width:100%; float:left; margin-top:20px; margin-left:00px;}



.footer-abt{ width:95%; margin-left:5px;}

.footer-below{ width:90%;}





/***********about************/



.about{ width:100%;}

.about p{ width:90%; margin-left:5%;}



/**********service*******/

.service{ width:100%;}

.ser-left-main{ width:90%;}

.about h2{ width:90%; margin-left:5%;}

.ser-text-1{ margin:63px 9px;}

.ser-text-2{ margin:53px 9px;}

.ser-text-3{ margin:24px 9px;}



.ser-txt-ele{ margin:44px 9px;}

.ser-txt-kit{ margin:63px 9px;}









.new-ser1{ width:90%; margin-left:5%;}



/************packages*******/



.packages h1{ width:90%; margin-left:5%;}

.packages h2{ width:90%; margin-left:5%;}

.about h1{ width:90%; margin-left:5%;}











/***********contact**********/





.contact{ width:100%;} 

.contact-left{ width:95%; margin-left:2%;}

.contact-right{ width:95%; float:left; margin-left:2%;}

.name-input-name{ width:90%; margin-left:5%;}

.name-input-email{width:90%; margin-left:5%; margin-top:5px;}

.name-input {

    width: 90%;

    float: left;

    border: #CCC 1px solid;

    padding: 10px 5px;

    border-radius: 2px;

    margin-left: 5%;

}

.contact-read-more{ margin-left:5%;}



.res-add{ width:90%; margin-left:5%;}

.res-add2{ width:90%; margin-left:5%; margin-top:3%;}



/*******packages********/



.packages{ width:100%;}

.pack-cat{ width:100%; margin-top:20px;}



.about h3{ width:90%; margin-left:5%;}

.abt-dis span{ height:80px;}





}





/* Iphone 6 (portrait and landscape) ----------- */

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



}



/* Iphone 6 Plus (portrait and landscape) ----------- */

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {



}





/* Smartphones (landscape) ----------- */

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

/* Styles */

}



/* Smartphones (portrait) ----------- */

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

/* Styles */

}



/* iPads (portrait and landscape) ----------- */

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





.wrapper{ width:100%; margin:0 auto;}

.logo-main{ width:100%; margin-top:20px; float:left; text-align:left;}



.logo{ width:70%; margin-left:20px;}

.nav-main{ margin-top:0px;}

.nav-middle{ width:100%; height:-20px;}



.topnavbar{ margin:0px;}

.welcome{ width:93%;}

.welcome h1{ margin-top:20px; font-size:20px;}



.services{ width:96%;}

.services h1{ margin-top:20px; font-size:20px;}

.services-left{ width:50%; margin-top:15px;}





.tariff{ width:95%;}

.tariff-left{ width:97%;}

.tariff-text{ width:90%;}

.tariff-bx{width:95%;}

.tariff-img{ width:90%;}





.footer{ width:95%;}

.footer-one{ width:100%; float:left; margin-top:20px;}

.footer-two{ width:100%; float:left; margin-top:20px; margin-left:00px;}

.footer-three{ width:100%; float:left; margin-top:20px; margin-left:00px;}



.footer-abt{ width:95%; margin-left:5px;}

.footer-below{ width:100%;}



.about {width:100%;}



.service{ width:100%;}

.new-ser1{ width:30%}

.packages{ width:100%;}

.packages-dis{ width:90%; margin-left:5%;}

.contact-left{ width:95%; margin-left:2%;}

.map{ width:76%;}

.con-form{ width:78%;}















}



/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/* Styles */

}



/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

/* Styles */

}

/**********

iPad 3

**********/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}

/* Desktops and laptops ----------- */

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

/* Styles */

}



/* Large screens ----------- */

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

/* Styles */

}



/* iPhone 4 ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {



}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}



/* iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}



@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}



/* iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){



}



@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){



}



/* iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}



@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}



/* Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}



@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}



/* Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}



@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}



/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */



}



@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */





}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */





}