@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Karla');
@import url('http://fonts.googleapis.com/css?family=Ubuntu');

/* @font-face {
    font-family: 'Karla', sans-serif !important;
    src: url(../fonts/MONTSERRAT-REGULAR.TTF);
}
@font-face {
    font-family: 'Ubuntu', serif !important;
    src: url(../fonts/MODERN NO. 216 BOLD.TTF);
} */


/*
font-family: 'Karla', sans-serif !important;
font-family: 'Modern', sans-serif;
*/

body {
    background: none;
    overflow-x: hidden !important;
}
.panel-body img{margin-top: 40px;}

/*button css starts*/

body {
    overflow-x: hidden;
    font-family: 'Karla', sans-serif !important;
}

#nav-icon3 {
    position: absolute !important;
    z-index: 9999 !important;
}

.buttonText {
    font-size: 18px/1.5;
    font-family: 'Karla', sans-serif !important;
    color: #fff;
}

.smallfont {
    clear: both !important;
}

 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}
.yellow{color:#ffda27}
:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
}

.extrap {
    height: 25px;
}

.cr {
    color: #ffffff !important;
}

.getaquote {
    position: fixed;
    width: 100%;
    top: 0%;
    left: 0%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999999;
    font-family: 'Ubuntu', serif !important;
    height: 100vH;
    display: none;
}

.gaqimgclose {
    position: absolute;
    right: 2%;
    top: 0%;
    background-color: #00a6e5;
    padding: 1% 2%;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 10px 10px;
}

.gaqimg {
    position: fixed;
    right: 0%;
    top: 30%;
    z-index: 999999;
    cursor: pointer;
    border-radius: 13px 0 0 13px;
    box-shadow: 0px 2px 9px 2px #635e5e;
}

#getaquoteform {
    width: 60%;
    position: absolute;
    left: 20%;
    top: 5%;
    background-color: #ffffff;
    padding: 1%;
    font-family: 'Ubuntu', serif !important;
    box-shadow: 1px 1px 20px 4px #000000;
    border-radius: 15px;
}

#getaquoteform h1 {
    text-align: center;
}

.gqfp {
    width: 45%;
    margin-right: 2%;
    float: left;
    font-family: 'Ubuntu', serif !important;
}

.fullrow {
    width: 100%;
    clear: both;
    font-family: 'Ubuntu', serif !important;
}

label {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding: 5px 0px 8px 27px;
    border: 3px solid #fff;
    border-radius: 100px;
    color: #fff;
    background-color: #f38e14;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    width: 22%;
    margin-right: 2%;
    float: left;
    font-size: 13px;
    font-family: 'Ubuntu', serif !important;
}

label::before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    bottom: 8px;
    left: 6px;
    width: 14px;
    border: 3px solid #fff;
    border-radius: 100px;
    transition: background-color .2s;
}

label:hover,
input:focus+label {
    box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    font-weight: normal;
}

input:checked+label {
    font-family: 'Ubuntu', serif !important;
    background-color: #f38e14;
    font-weight: normal;
}

input+label {
    font-family: 'Ubuntu', serif !important;
    background-color: #00a6e5;
    font-weight: normal;
}

input:checked+label::before {
    font-family: 'Ubuntu', serif !important;
    background-color: #fff;
}

input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    font-weight: normal !important;
}

.fwidth {
    clear: both;
}

.gaqbtn {
    background-color: #f38e14;
    color: #ffffff;
    padding: 0.5% 8%;
    border-radius: 15px;
    border: 0px;
    font-size: 16px;
}

.gaqbtn:hover {
    background-color: #00a6e5;
    color: #ffffff;
}

.gaqbtna {
    background-color: #f38e14;
    color: #ffffff;
    padding: 0.5% 5%;
    border-radius: 15px;
    border: 0px;
    font-size: 16px;
}

.gaqbtna:hover {
    background-color: #00a6e5;
    color: #ffffff;
}

.gaqbtnanew:hover {
    background-color: #00a6e5;
    color: #ffffff;
}

.checkit1,
.checkit2,
.checkit3,
.checkit4,
.checkit5,
.checkit6,
.checkit7 {
    position: absolute;
    font-size: 12px;
    margin-right: 2px;
}

#button1 span {
    display: none;
    text-decoration: none;
    color: #ffffff;
}

#button2 span {
    display: none;
    text-decoration: none;
    color: #ffffff;
}

#button3 span {
    display: none;
    text-decoration: none;
    color: #ffffff;
}

#button4 span {
    display: none;
    text-decoration: none;
    color: #ffffff;
}

#button5 span {
    display: none;
    text-decoration: none;
    color: #ffffff;
}

#button6 span {
    display: none;
    text-decoration: none;
    color: #ffffff;
}

#button7 span {
    display: none;
    text-decoration: none;
    color: #ff4e00;
}

.firstbtn {
    display: block;
    position: absolute;
    top: 1px;
    left: 2px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Ubuntu', serif !important;
}

#button1,
#button2,
#button3 {
    background: #00a6e5;
    border: 0px solid #eee;
    position: relative;
    color: #000000;
    height: 30px;
    width: 30px;
    margin: 0px;
    padding: 2px 0px 0px 6px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    -webkit-transition: All 0.1s ease;
    -moz-transition: All 0.1s ease;
    -o-transition: All 0.1s ease;
    -ms-transition: All 0.1s ease;
    transition: All 0.1s ease;
}

#button4,
#button5,
#button6 {
    background: #00a6e5;
    border: 0px solid #eee;
    position: relative;
    color: #ffffff;
    height: 30px;
    width: 30px;
    margin: 0px;
    padding: 2px 0px 0px 6px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    -webkit-transition: All 0.1s ease;
    -moz-transition: All 0.1s ease;
    -o-transition: All 0.1s ease;
    -ms-transition: All 0.1s ease;
    transition: All 0.1s ease;
}

#button7 {
    background: #ffffff;
    border: 0px solid #eee;
    position: relative;
    color: #ffffff;
    height: 30px;
    width: 30px;
    margin: 0px;
    padding: 2px 0px 0px 6px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    -webkit-transition: All 0.1s ease;
    -moz-transition: All 0.1s ease;
    -o-transition: All 0.1s ease;
    -ms-transition: All 0.1s ease;
    transition: All 0.1s ease;
}

#button1:hover,
#button2:hover,
#button3:hover,
#button4:hover,
#button5:hover,
#button6:hover,
#button7:hover {
    width: 110px;
}


/* #button2:hover {
  width: 100px;
}
#button3:hover {
  width: 100px;
} */


/*button css ends*/

#message {
    border-top: 0px;
}

.mobileform {
    display: none;
}

.deskbtn {
    display: block;
}

.mobbtn {
    display: none;
    margin-bottom: 5%;
    float: left;
}

.headlogo {
    background-color: #ffffffa8;
    position: fixed;
    top: 0px;
    z-index: 99999;
    width: 100%;
    padding: 10px 4%;
}

.menuside {
    background-color: #ffffff;
    width: 100%;
    margin: 0px;
    padding: 5% 2%;
    /*margin-top:1%;*/
    z-index: 999;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 0%;
    overflow: hidden;
    display: none;
}

.menucontents {
    text-align: center;
    display: none;
}

.ourmenu {
    list-style: none;
    width: 30%;
    margin: 0 auto;
    position: fixed
}

.menud a {
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.ourmenu li {
    list-style: none;
    display: block;
    font-family: 'Ubuntu', serif !important;
    font-size: 30px;
    letter-spacing: 1px;
    padding: 0px;
    text-align: center;
    color: #00a6e5;
}

.ourmenu li:hover {
    background-color: #fbb157;
    color: #ffffff;
}

.ourmenu li a:hover {
    background-color: #fbb157;
    color: #ffffff;
}

.ourmenu li a {
    text-decoration: none;
    color: #00a6e5 !important;
}

.menu {
    cursor: pointer;
}

.aboutmain {
    background-image: url(../images/about-background.jpg);
    background-origin: border-box;
    background-size: cover;
    background-color: #000000;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.aboutfp1,
.aboutfp2 {
    width: 46%;
    float: left;
}

.fpspace {
    width: 4%;
    float: left;
}

.fp1,
.fp2 {
    float: left;
    width: 50%;
    color: #000000;
}

.fp2 {
    background-color: #ffda27;
    padding: 0% 2%;
}

.fp2 h4 {
    font-family: 'Ubuntu', serif !important;
    color: #00a6e5;
}

.fp2::-webkit-scrollbar {
    width: 5px;
}

.fp2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffda27;
    width: 5px;
}

.fp2::-webkit-scrollbar-thumb {
    background-color: #ffda27;
    width: 5px;
    -webkit-box-shadow: inset 0 0 6px #ffda27;
}

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

.fph {
    font-family: 'Ubuntu', serif !important;
    color: #00a6e5;
    font-weight: bold;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.about1,
.about2,
.about3,
.about4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.about1,
.about2,
.about3 {
    padding-left: 0px;
    padding-right: 0px;
    height: 600px;
    ;
    background: none;
    color: #ffffff;
    position: relative;
}

.about4 {
    height: 300px;
    background: none;
    color: #ffffff;
    position: relative;
}

.about41 {
    visibility: hidden;
}

.about11,
.about21,
.about31 {
    width: 50%;
    height: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    text-align: center;
}

.about11 {
    padding: 6% 0px;
}

.about21 p {
    text-transform: uppercase;
    color: #ffd618;
}

.about31 {
    text-align: left;
    padding-top: 0px;
    margin-top: auto;
    padding-left: 3%;
}

.about31h1s {
    color: #ffd618;
}

.about31 h2 {
    color: #ffd618;
    font-family: 'Ubuntu', serif !important;
    font-size: 35px;
}

.about31 h1,
.about11 h1,
.about21 h1 {
    font-family: 'Ubuntu', serif !important;
    font-size: 45px;
}

.about31 p,
.about11 p,
.about21 p {
    font-family: 'Karla', sans-serif !important;
}

#word {
    color: #fbb157;
}

.ourservicesmain {
    margin-top: -9%;
    -webkit-background-color: #00a6e5;
    -moz-background-color: #00a6e5;
    -o-background-color: #00a6e5;
    background-color: #00a6e5;
    -webkit-transform: skewY(10deg);
    -moz-transform: skewY(10deg);
    -o-transform: skewY(10deg);
}

.ourservices {
    padding: 11% 7%;
    padding-top: 1%;
    -webkit-background: none;
    -moz-background: none;
    -o-background: none;
    background: none;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    -o-transform: skewY(-10deg);
    transform: skewY(-10deg);
    color: #ffffff;
}

.ourservices-l h1 {
    margin-top: 0px;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
}

.osh1 {
    color: #ffd618;
}

.ourservices-l p {
    font-family: 'Karla', sans-serif !important;
    text-align: justify;
}

.ourservices-r1 {
    margin-bottom: 4%;
}

.ourservices-r1 img {
    border: 1px solid #ffd618;
}

.ourprojectsmain {}

.ourprojects {
    padding-right: 0px;
    padding-left: 0px;
}

.ourprojects-l h1 {
    margin-top: 0px;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
    color: #000000;
}

.oph1 {
    color: #ffd618;
}

.ourprojects-l p {
    font-family: 'Karla', sans-serif !important;
    text-align: justify;
}

.ourprojects-r {
    padding-right: 0px;
    margin-top: -10%;
}

.ourprojects-l {
    padding-left: 5%;
    padding-top: 5%;
}

.ourprojects-r1 {}

.casestudy-r h1 {
    margin-top: 0px;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
    color: #000000;
}

.casestudy-l {
    padding-left: 0px;
    z-index: 999;
}

.csh1 {
    color: #00a6e5;
}

.showreelmain {
    margin-top: -15%;
    background-image: url(../images/showreel-bg.png);
    background-size: cover;
    position: relative;
    color: #000000;
}

.showreel {
    padding: 3% 0%;
}

.showreel-r {
    color: #00a6e5;
}

.showreel-r h1 {
    color: #00a6e5;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
}

.showreel-r p {
    color: #000000;
    font-family: 'Karla', sans-serif !important;
    text-align: justify;
}

.showreelgallery {
    padding: 0px;
}

.ourprojectsd {
    display: block;
}

.ourprojectsm {
    display: none;
}

.blog {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #ff4e00;
}

.blog h1 {
    text-align: center;
    color: #ffffff;
    margin: 0px;
}

.blog .da-thumbs {
    padding-left: 0px;
    padding-right: 0px;
}

.blog .da-thumbs li {
    padding: 0px;
    color: #ff4e00;
}

.blog .da-thumbs li a div {
    border: 30px solid #ffffff;
}

.blog .da-thumbs li a div span {
    color: #ffffff;
    text-align: center;
    margin: 0px;
    width: 90%;
    margin: auto;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Ubuntu', serif !important;
}

.bloginner {
    padding: 0px;
}

.bloginnner h1 {
    font-weight: bold;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
}

.clientele {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #ffffff;
}

.clienteleinnner h1 {
    font-weight: bold;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
    text-align: center;
}

.clienteleinnner li {
    list-style: none;
    padding: 3px;
}

.clienteleinnner ul li img {
    -webkit-filter: grayscale(100%);
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%);
    /* FF 35+ */
}

.clienteleinnner ul li img:hover {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%);
    /* FF 35+ */
}

.getintouchmain {
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #ffffff;
}

.getintouch-l h1 {
    font-weight: bold;
    font-family: 'Ubuntu', serif !important;
    font-size: 40px;
    color: #000000;
}

.getintouch-l h4 {
    font-weight: bold;
    font-family: 'Ubuntu', serif !important;
    font-size: 30px;
    color: #7a7a7a;
    margin: 0px;
    padding-bottom: 10px;
}

.getintouch-l p {
    color: #3e3e3e;
    font-family: 'Karla', sans-serif !important;
}

.getintouch-l h1 span {
    color: #ff4e00;
}

.getintouchicon {
    padding: 0px;
}

.getintouch-r {
    background-color: #ffda27;
    padding: 1% 5%;
}

.formcss {
    background: none;
    border: 0px;
    border-bottom: 1px solid gray;
    margin-bottom: 2%;
    padding: 3% 3%;
    width: 100%;
    font-family: 'Karla', sans-serif !important;
}

.formcss1 {
    background: #ffffff;
    border: 0px;
    color: #7e7e7e;
    margin-bottom: 2%;
    padding: 1% 3%;
    width: 100%;
    font-family: 'Karla', sans-serif !important;
}

.footer {
   
    padding-top: 3%;
    padding-bottom: 1%;
    color: #7e7e7e;
    position: relative;
}

.footer ul li a {
    color:#353333 !important;
    text-decoration: none;
    
}

.footer ul li {
    line-height: 2;
    list-style: none;
}

.partners {
    float: right;
    margin-top: 10px;
}

.socialicons {
    float: right;
}

.socialicons div {
    padding: 0px;
    margin: 0px;
}

.footerinside h4 {
    padding-left: 5%;
    font-weight: bold;
    font-family: 'Ubuntu', serif !important;
}

.footerinside ul li {
    font-family: 'Karla', sans-serif !important;
    list-style: none;
    padding-left: 5%;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    color: #ffffff !important;
}

.footerinside {
    padding: 0px;
}

.footerinside img {
    float: right;
}

.footerinside ul li a {
    color: #7e7e7e;
    text-decoration: none;
}

.footerinside ul li a:hover {
    color: #ffffff;
}

.footerinside ul {
    padding-left: 5%;
}

.footerdesk {
    display: block;
}

#myForm {
    width: 100%;
}

.extrra {
    padding: 0px;
    margin: 0px;
    height: 10px;
}

.sn {
    text-align: right;
}


/*About Us CSS starts*/

.menud {
    width: 4%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background-color: #ffffff;
    left: 0%;
    top: 0%;
}


/* .menud img{position: absolute; left:32%; bottom:30%;} */

.menud img {
    position: relative;
}

.aboutus {}

.blanks {
    width: 10%;
    float: left;
}

.blankss {
    width: 10%;
    float: left;
}

.parti1 {
    width: 70%;
}

.partii1s {
    height: 50px;
}

.partiis {
    height: 50px;
    width: 100%;
    clear: both;
}

.partii1 {
    width: 40%;
    float: left;
    background-color: #ffda27;
    padding-left: 3%;
    padding-right: 3%;
}

.partii2 {
    width: 30%;
    float: left;
}

.parti {
    color: #000000;
}

.partii {
    color: #000000;
}

.parti1 {
    float: left;
}

.parti1 h2 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    text-align: justify;
    color: #7a7a7a;
}

.parti h1,
.parti h2,
.partii1 h3,
.partii1 h1 {
    font-family: 'Ubuntu', serif !important;
    font-weight: bolder;
}

.parti p,
.partii1 p {
    font-family: 'Karla', sans-serif !important;
}

.parti h4,
.parti h1 {
    font-family: 'Ubuntu', sans-serif !important;
    text-transform: uppercase;
}

.partii {
    background-image: url('../images/about-backgroundpage.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.partiii {
    background-color: #00a6e5;
    color: #ffffff;
}

.partiii1 {
    float: left;
    width: 80%;
}

.partiiis {
    height: 60px;
    width: 100%;
    clear: both;
}

.partiii1 h2,
.partiii1 h1 {
    font-family: 'Ubuntu', serif !important;
    font-weight: bolder;
    text-transform: uppercase;
}

.partiii1 h2 span {
    color: #ffda27;
}

.partiii1 h1 span {
    color: #ffda27;
}

.partiii1 p {
    font-family: 'Karla', sans-serif !important;
}


/*About Us CSS ends*/


/*Contact Us CSS starts*/

.blanksc {
    width: 10%;
    float: left;
}

.blanksblog {
    width: 10%;
    float: left;
}

.blanksawards {
    width: 10%;
    float: left;
}

.parti1c {
    width: 80%;
    float: left;
}

.parti1blog {
    width: 80%;
    float: left;
}

.parti1blogmob {
    display: none;
}

.cimage {
    padding: 0px;
}

.c-image {
    padding: 2% !important;
}

.clienteleall {
    display: block;
}

.clientelere {
    display: none;
}

.clienteleo {
    display: none;
}

.allclient {
    color: #00a6e5;
    cursor: pointer;
}

.allreclient {
    color: #000000;
    cursor: pointer;
}

.alloclient {
    color: #000000;
    cursor: pointer;
}

.blogsideinfo {
    overflow-y: scroll;
}

.blogsideinfom {
    overflow-y: scroll;
}

.blogsideinfo::-webkit-scrollbar {
    width: 5px;
}

.blogsideinfo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    width: 5px;
}

.blogsideinfo::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    width: 5px;
    -webkit-box-shadow: inset 0 0 6px #ffffff;
}

.blogsideinfom::-webkit-scrollbar {
    width: 5px;
}

.blogsideinfom::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    width: 5px;
}

.blogsideinfom::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    width: 5px;
    -webkit-box-shadow: inset 0 0 6px #ffffff;
}

.bspace {
    height: 50px;
}


/*Contact Us CSS ends*/

.mobilemenu {
    display: none;
}


/* Clientele Starts */

.clientelebtn {
    margin-top: 3%;
    text-align: right;
}

.allclient,
.allreclient {
    font-size: 18px;
    border-right: 1px solid black;
    padding-right: 2%;
    padding-left: 2%
}

.alloclient {
    font-size: 18px;
    padding-left: 2%;
    padding-right: 1%;
}


/* Clientele Ends */


/* blog inner starts */

.rightinfo {
    overflow-y: scroll;
}

.rightinfo div {
    padding: 0px;
}

.rightinfo::-webkit-scrollbar {
    width: 5px;
}

.rightinfo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    width: 5px;
}

.rightinfo::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    width: 5px;
    -webkit-box-shadow: inset 0 0 6px #ffffff;
}


/* blog inner Ends */


/* Awards starts */

.cimagea {
    margin-bottom: 5%;
}


/* Awards ends */


/* services starts */

.services1,
.services2,
.services3,
.services4,
.services5,
.services6,
.services7,
.services8,
.services9 {
    padding: 0px;
}

.services1 p,
.services2 p,
.services3 p,
.services4 p,
.services5 p,
.services6 p,
.services7 p,
.services8 p,
.services9 p {
    height: 30%;
    text-align: justify;
}

.services1 .left,
.services2 .left,
.services3 .left,
.services4 .left,
.services5 .left,
.services6 .left,
.services7 .left,
.services8 .left,
.services9 .left {
    padding: 0% 10%;
    overflow-y: scroll;
}

.services1 .left1,
.services2 .left1,
.services3 .left1,
.services4 .left1,
.services5 .left1,
.services6 .left1,
.services7 .left1,
.services8 .left1,
.services9 .left1 {
    padding: 5% 3%;
    margin-top: 2%;
}

.services1 .left,
.services4 .left,
.services7 .left {
    background-color: #00a6e5;
    color: #ffffff;
}

.services2 .left,
.services5,
.services8 .left {
    background-color: #ffd517;
}

.services3 .left,
.services6 .left,
.services9 .left {
    background-color: rgba(255, 78, 0, 0.79);
    color: #ffffff;
}

.services1 .left1,
.services4 .left1,
.services7 .left1 {
    background-color: #00a6e5;
    color: #ffffff;
}

.services2 .left1,
.services5 .left1,
.services8 .left1 {
    background-color: #ffd517;
}

.services3 .left1,
.services6 .left1,
.services9 .left1 {
    background-color: #ff4e00;
    color: #ffffff;
}

.left::-webkit-scrollbar {
    width: 0px !important;
}

.left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff !important;
    width: 5px !important;
}

.left::-webkit-scrollbar-thumb {
    background-color: #ffffff !important;
    width: 5px !important;
    -webkit-box-shadow: inset 0 0 6px #ffffff !important;
}

.services1 .left,
.services1 .right,
.services2 .left,
.services2 .right,
.services3 .left,
.services3 .right,
.services4 .left,
.services4 .right,
.services5 .left,
.services5 .right,
.services6 .left,
.services6 .right,
.services7 .left,
.services7 .right,
.services8 .left,
.services8 .right,
.services9 .left,
.services9 .right {
    width: 50%;
    float: left;
}

.desktopservices {
    display: block;
}

.mobservices {
    display: none;
}


/* services ends */

.sideformmain {
    background-color: #00a6e5;
    color: #ffffff;
    z-index: 99;
    margin-top: 0%;
    padding: 6%;
    position: relative;
}

#email_form_1 input::-webkit-input-placeholder {
    color: #ffffff !important;
}

#email_form_1 input:-ms-input-placeholder {
    color: #ffffff !important;
}

#email_form_1 input::placeholder {
    color: #ffffff !important;
}

#email_form_1 textarea::-webkit-input-placeholder {
    color: #ffffff !important;
}

#email_form_1 textarea:-ms-input-placeholder {
    color: #ffffff !important;
}

#email_form_1 textarea::placeholder {
    color: #ffffff !important;
}

.right-corder-container1 .right-corder-container-button1 {
    background-color: #00a6e5 !important;
}

.right-corder-container .right-corder-container-button {
    background-color: #00a6e5 !important;
}

.right-corder-container2 .right-corder-container-button2 {
    background-color: #00a6e5 !important;
}

.fspace input,
.fspace textarea {
    background: transparent;
    border-radius: 0px;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.fspace .btn {
    border-radius: 0px;
    padding: 4px !important;
    width: 94%;
    color: #000000;
    background: #ffd517;
    border: 1px solid #ffd517;
    margin-left: 1px;
}

.fspace {
    padding: 0px;
}

.espace {
    margin-top: 5%;
    padding: 0px;
}

.espace img {
    margin-right: 2px;
}

.espace div {
    padding: 0px;
}

.espace span {
    color: #ffda27;
}


/* Showreel starts */

.showreelpagesideleft ul li:hover {
    color: #fbb157;
}

.showreelpagesideleft ul li a:hover {
    color: #fbb157;
}

.showreelpagesideleft ul {
    padding-left: 0px;
}

.showreelpagesideleft ul li a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.56);
    font-family: 'Ubuntu', serif !important;
}

.showreelpagesideleft ul li {
    list-style: none;
    color: #ffffff;
    list-style: none;
    display: block;
    border-bottom: 1px solid #fbb157;
    padding: 7px 0px;
    width: 90%;
    text-align: left;
    font-size: 20px;
    letter-spacing: 3px;
    width: 90%;
}

.showreelpagesidebottom ul li {
    list-style: none;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #000000;
    padding: 7px 0px;
    width: 90%;
}

.showreelpagesideright {
    text-align: center;
    position: relative;
}

.showreelpage {
    margin-bottom: 5%;
}


/* .spsr2, .spsr3, .spsr4{ display:none; } */

.spsl1,
.spsl2,
.spsl3,
.spsl4 {
    cursor: pointer;
}


/* .spsr1{position:absolute;} */


/* Showreel ends */


/* Our Works starts */

.owpoints a:hover {
    color: #000000;
}

.owpoints a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    padding: 0% 6%;
    font-size: 17px;
}

.ourworkbody {
    padding: 0% 5%;
}

.ourworkbody div {
    padding: 1px;
}

.ourworkbody .imageBox a {
    color: #ffffff;
}


/* Our Works ends */


/* Branding starts */

.brandingpagesideleft ul {
    padding-left: 30%;
}

.brandingpagesideleft ul li a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.56) !important;
    font-family: 'Ubuntu', serif !important;
}

.brandingpagesideleft ul li a:hover {
    color: #000000 !important;
}

.brandingpagesideleft ul li {
    list-style: none;
    display: block;
    font-weight: normal;
    /* border-bottom: 1px solid #000000; */
    text-align: left;
    font-size: 17px;
    letter-spacing: 3px;
    padding: 7px 0px;
    width: 90%;
}

#collapseOne img {
    margin-bottom: 10px;
}

.brandingpagesideright {
    text-align: center;
    position: relative;
    padding: 0px;
}

.brandingpagesideright img {
    padding: 1% 0%;
}

.brandingpagesideright p {
    text-align: left;
}


/* Branding ends */

.brandingpagesideleft {
    display: block;
}

.mobilesidemenu {
    display: none;
}


/* accordion starts */

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-default>.panel-heading a {
    display: block;
    padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

.accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}

.accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
    content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
    content: "Collapse All";
}

.infodesktop {
    display: block;
}

.infomobile {
    display: none;
}

.fpphoto {
    width: 50%;
}

.panel-group .panel {
    border: 0px;
}

.panel-body {
    padding: 0px;
    background-color: #ffd517;
}

.panel-collapse {
    padding: 0px !important;
}

.panel-body img {
    margin-bottom: 10px;
    margin-top: 5px;
}

.marginspace0 {
    margin-top: -17px !important;
}

.marginspace1 {
    margin-top: -55px !important;
}

.marginspace2 {
    margin-top: -55px !important;
}

.marginspace3 {
    margin-top: -27px !important;
}

.contactformsideright {
    padding-left: 120px;
}


/* accordion ends */

.bnsocialhome {
    padding-left: 0%;
}


/*Media Querries*/

@media only screen and (max-width: 1200px) {
    .getaquote {
        position: fixed;
        width: 100%;
        top: 0%;
        left: 0%;
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        font-family: 'Ubuntu', serif !important;
        height: 100%;
        overflow-y: scroll;
    }
    #getaquoteform {
        width: 70%;
        position: absolute;
        left: 15%;
        top: 5%;
        background-color: #ffffff;
        padding: 1%;
        font-family: 'Ubuntu', serif !important;
    }
    #getaquoteform h1 {
        text-align: center;
    }
    .gqfp {
        width: 45%;
        margin-right: 2%;
        float: left;
        font-family: 'Ubuntu', serif !important;
    }
    .fullrow {
        width: 100%;
        clear: both;
        font-family: 'Ubuntu', serif !important;
    }
    label {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0px 8px 27px;
        border: 3px solid #fff;
        border-radius: 100px;
        color: #fff;
        background-color: #f38e14;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: background-color .2s, box-shadow .2s;
        width: 22%;
        margin-right: 2%;
        float: left;
        font-size: 13px;
        font-family: 'Ubuntu', serif !important;
    }
    label::before {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        bottom: 8px;
        left: 6px;
        width: 14px;
        border: 3px solid #fff;
        border-radius: 100px;
        transition: background-color .2s;
    }
    label:hover,
    input:focus+label {
        box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    }
    input:checked+label {
        font-family: 'Ubuntu', serif !important;
        background-color: #00a6e5;
    }
    input:checked+label::before {
        font-family: 'Ubuntu', serif !important;
        background-color: #fff;
    }
    input[type="checkbox"] {
        visibility: hidden;
        position: absolute;
    }
    .fwidth {
        clear: both;
    }
    .gaqbtn {
        background-color: #f38e14;
        color: #ffffff;
        padding: 0.5% 8%;
        border-radius: 15px;
        border: 0px;
        font-size: 16px;
    }
    .gaqbtn:hover {
        background-color: #00a6e5;
        color: #ffffff;
    }
}

@media only screen and (max-width: 1024px) {
    .services1 p,
    .services2 p,
    .services3 p,
    .services4 p,
    .services5 p,
    .services6 p,
    .services7 p,
    .services8 p,
    .services9 p {
        height: 15%;
    }
    .partii1 {
        padding-left: 1%;
        padding-right: 1%;
    }
    .partii1s {
        height: 0px;
    }
    .menud {
        width: 5%;
        height: 100%;
        position: fixed;
        z-index: 99999;
        background-color: #ffffff;
        left: 0%;
        top: 0%;
    }
    .menud img {
        position: absolute;
        left: 32%;
        bottom: 32%;
    }
    #nav-icon3 {
        margin: 6px !important;
        right:0;
    }
    .about11,
    .about21,
    .about31 {
        width: 60%;
    }
}

@media only screen and (max-width: 850px) {
    .getaquote {
        position: fixed;
        width: 100%;
        top: 0%;
        left: 0%;
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        font-family: 'Ubuntu', serif !important;
        height: 100%;
        overflow-y: scroll;
    }
    #getaquoteform {
        width: 90%;
        position: absolute;
        left: 8%;
        top: 5%;
        background-color: #ffffff;
        padding: 1%;
        font-family: 'Ubuntu', serif !important;
    }
    #getaquoteform h1 {
        text-align: center;
    }
    .gqfp {
        width: 45%;
        margin-right: 2%;
        float: left;
        font-family: 'Ubuntu', serif !important;
    }
    .fullrow {
        width: 100%;
        clear: both;
        font-family: 'Ubuntu', serif !important;
    }
    label {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0px 8px 27px;
        border: 3px solid #fff;
        border-radius: 100px;
        color: #fff;
        background-color: #f38e14;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: background-color .2s, box-shadow .2s;
        width: 22%;
        margin-right: 2%;
        float: left;
        font-size: 13px;
        font-family: 'Ubuntu', serif !important;
    }
    label::before {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        bottom: 8px;
        left: 6px;
        width: 14px;
        border: 3px solid #fff;
        border-radius: 100px;
        transition: background-color .2s;
    }
    label:hover,
    input:focus+label {
        box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    }
    input:checked+label {
        font-family: 'Ubuntu', serif !important;
        background-color: #00a6e5;
    }
    input:checked+label::before {
        font-family: 'Ubuntu', serif !important;
        background-color: #fff;
    }
    input[type="checkbox"] {
        visibility: hidden;
        position: absolute;
    }
    .fwidth {
        clear: both;
    }
    .gaqbtn {
        background-color: #f38e14;
        color: #ffffff;
        padding: 0.5% 8%;
        border-radius: 15px;
        border: 0px;
        font-size: 16px;
    }
    .gaqbtn:hover {
        background-color: #00a6e5;
        color: #ffffff;
    }
}

@media only screen and (max-width: 894px) {
    .services1 .left,
    .services2 .left,
    .services3 .left,
    .services4 .left,
    .services5 .left,
    .services6 .left,
    .services7 .left,
    .services8 .left,
    .services9 .left {
        padding: 0% 6%;
        overflow-y: scroll;
    }
    .services1 p,
    .services2 p,
    .services3 p,
    .services4 p,
    .services5 p,
    .services6 p,
    .services7 p,
    .services8 p,
    .services9 p {
        height: 10%;
    }
    .partii1 p {
        font-size: 12px;
    }
    .menud {
        width: 5%;
        height: 100%;
        position: fixed;
        z-index: 99999;
        background-color: #ffffff;
        left: 0%;
        top: 0%;
    }
    .menud img {
        position: absolute;
        left: 32%;
        bottom: 32%;
    }
    #nav-icon3 {
        margin: 6px !important;
    }
    .about11,
    .about21,
    .about31 {
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {
    .getaquote {
        position: fixed;
        width: 100%;
        top: 0%;
        left: 0%;
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999999999;
        font-family: 'Ubuntu', serif !important;
        height: 100%;
        overflow-y: scroll;
    }
    #getaquoteform {
        width: 90%;
        position: absolute;
        left: 5%;
        top: 5%;
        background-color: #ffffff;
        padding: 1%;
        font-family: 'Ubuntu', serif !important;
    }
    #getaquoteform h1 {
        text-align: center;
    }
    .gqfp {
        width: 45%;
        margin-right: 2%;
        float: left;
        font-family: 'Ubuntu', serif !important;
    }
    .fullrow {
        width: 100%;
        clear: both;
        font-family: 'Ubuntu', serif !important;
    }
    label {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0px 8px 27px;
        border: 3px solid #fff;
        border-radius: 100px;
        color: #fff;
        background-color: #f38e14;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: background-color .2s, box-shadow .2s;
        width: 22%;
        margin-right: 2%;
        float: left;
        font-size: 13px;
        font-family: 'Ubuntu', serif !important;
    }
    label::before {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        bottom: 8px;
        left: 6px;
        width: 14px;
        border: 3px solid #fff;
        border-radius: 100px;
        transition: background-color .2s;
    }
    label:hover,
    input:focus+label {
        box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    }
    input:checked+label {
        font-family: 'Ubuntu', serif !important;
        background-color: #00a6e5;
    }
    input:checked+label::before {
        font-family: 'Ubuntu', serif !important;
        background-color: #fff;
    }
    input[type="checkbox"] {
        visibility: hidden;
        position: absolute;
    }
    .fwidth {
        clear: both;
    }
    .gaqbtn {
        background-color: #f38e14;
        color: #ffffff;
        padding: 0.5% 8%;
        border-radius: 15px;
        border: 0px;
        font-size: 16px;
    }
    .gaqbtn:hover {
        background-color: #00a6e5;
        color: #ffffff;
    }
    .aboutfp1m {
        width: 50%;
    }
    .aboutfp1m st1 {
        visibility: visible;
        border-top: 1px solid #3e3e3e;
    }
    .infodesktop {
        display: none;
    }
    .infomobile {
        display: block;
    }
    .brandingpagesideleft {
        display: none;
    }
    .mobilesidemenu {
        display: block;
    }
    .services1 p,
    .services2 p,
    .services3 p,
    .services4 p,
    .services5 p,
    .services6 p,
    .services7 p,
    .services8 p,
    .services9 p {
        height: 20%;
        text-align: justify !important;
    }
    .services1 .left,
    .services2 .left,
    .services3 .left,
    .services4 .left,
    .services5 .left,
    .services6 .left,
    .services7 .left,
    .services8 .left,
    .services9 .left {
        padding: 0% 6%;
        overflow-y: scroll;
    }
    .cimagea {
        width: 50% !important;
        margin-bottom: 5%;
    }
    /* .parti1blogmob{display:block;width:100%;}
.parti1blog{display:none;} */
    .blogsideimgm {
        padding: 0px;
    }
    .clientelebtn {
        margin-top: 3%;
        text-align: left;
    }
    .mobileform {
        display: none;
    }
    .mobilemenu {
        display: block;
    }
    .menud {
        display: none;
    }
    .blankss {
        width: 10%;
        float: left;
    }
    .partii1::-webkit-scrollbar {
        width: 5px;
    }
    .partii1::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #ffda27;
        width: 5px;
    }
    .partii1::-webkit-scrollbar-thumb {
        background-color: #ffda27;
        width: 5px;
        -webkit-box-shadow: inset 0 0 6px #ffda27;
    }
    .partii1 {
        overflow-y: scroll;
    }
    .partii1 {
        width: 50%;
    }
    .deskbtn {
        display: none !important;
    }
    .mobbtn {
        display: block;
    }
    .aboutmain {
        background-image: url(../images/about-backgroundmob.jpg) !important;
        background-origin: border-box;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        position: relative;
    }
    .about11,
    .about21,
    .about31 {
        width: 70%;
    }
    .about31 h2 {
        color: #ffd618;
        font-family: 'Ubuntu', serif !important;
        font-size: 35px;
    }
    .about31 h1,
    .about11 h1,
    .about21 h1 {
        font-family: 'Ubuntu', serif !important;
        font-size: 45px;
    }
    .ourservices-r1 {
        margin-bottom: 4%;
    }
    .showreelgallery li {
        padding: 0px;
    }
}

@media only screen and (max-width: 640px) {
    .fpphoto {
        width: 100%;
    }
    label {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0px 8px 27px;
        border: 3px solid #fff;
        border-radius: 100px;
        color: #fff;
        background-color: #f38e14;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: background-color .2s, box-shadow .2s;
        width: 30%;
        margin-right: 2%;
        float: left;
        font-size: 13px;
        font-family: 'Ubuntu', serif !important;
    }
    .fspace #email {
        border-top: 1px solid #ffffff !important;
    }
    .fspace #message {
        border-top: 1px solid #ffffff !important;
    }
    .fspaceh {
        height: 2px !important;
    }
    .fspace input,
    .fspace textarea {
        margin-bottom: 5px !important;
    }
    .aboutfp1m {
        width: 50%;
    }
    .aboutfp1,
    .aboutfp2 {
        width: 100%;
        float: left;
    }
    .fpspace {
        width: 0%;
        float: left;
    }
    .fp1,
    .fp2 {
        float: left;
        width: 100%;
        color: #000000;
    }
    .fp1 img {
        margin: 0 auto;
    }
    .fp2 {
        height: auto !important;
    }
    .services1 p,
    .services2 p,
    .services3 p,
    .services4 p,
    .services5 p,
    .services6 p,
    .services7 p,
    .services8 p,
    .services9 p {
        height: 10%;
    }
    .services1 .left,
    .services2 .left,
    .services3 .left,
    .services4 .left,
    .services5 .left,
    .services6 .left,
    .services7 .left,
    .services8 .left,
    .services9 .left {
        padding: 0% 3%;
        overflow-y: scroll;
    }
    .cimagea {
        width: 50% !important;
        margin-bottom: 5%;
    }
    .parti1blogmob {
        display: block;
        width: 100%;
    }
    .parti1blog {
        display: none;
    }
    .blogsideinfom {
        width: 100%;
    }
    .blogsideimgm {
        width: 100%;
    }
    .clientelebtn {
        margin-top: 3%;
        text-align: left;
    }
    .cimage {
        width: 25%;
    }
    .c-image {
        width: 25% !important;
    }
    .mobileform .formcss {
        padding: 8% 3% 1% 3%;
    }
    .mobileform .getintouch-r {
        margin-bottom: 0px;
    }
    .mobileform {
        display: block;
        padding: 0px;
    }
    .mobileform h1 {
        font-family: 'MODERN NO. 216 BOLD';
        font-weight: bold;
        text-align: center;
        margin-top: 5%;
        clear: both;
    }
    .desktopform {
        display: none;
    }
    .ctag {
        display: none;
    }
    .getintouch-l {
        width: 100%;
    }
    .getintouch-r {
        width: 100%;
    }
    .casestudy-l {
        margin-top: 2%;
    }
    .deskbtn {
        display: none !important;
    }
    .mobbtn {
        display: block;
    }
    .ourprojectsd {
        display: none;
    }
    .ourprojectsm {
        display: block;
    }
    .showreelmain {
        margin-top: -15%;
        background-image: url(../images/showreel-bg1.png);
        background-size: cover;
        position: relative;
        color: #000000;
    }
    .aboutmain {
        background-image: url(../images/about-backgroundmob.jpg) !important;
        background-origin: border-box;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        position: relative;
    }
    .about11,
    .about21,
    .about31 {
        width: 90%;
    }
    .about31 h2 {
        color: #ffd618;
        font-family: 'Ubuntu', serif !important;
        font-size: 30px;
    }
    .about31 h1,
    .about11 h1,
    .about21 h1 {
        font-family: 'Ubuntu', serif !important;
        font-size: 35px;
    }
    .ourservices-r1 {
        width: 50%;
        margin-bottom: 4%;
    }
}

@media only screen and (max-width: 580px) {
    .casestudy-l {
        margin-top: 2%;
    }
    .deskbtn {
        display: none !important;
    }
    .mobbtn {
        display: block;
    }
    .getintouch-l {
        width: 100%;
    }
    .getintouch-r {
        width: 100%;
    }
    .ourprojectsd {
        display: none;
    }
    .ourprojectsm {
        display: block;
    }
    .aboutmain {
        background-image: url(../images/about-backgroundmob.jpg) !important;
        background-origin: border-box;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        position: relative;
    }
    .about11,
    .about21,
    .about31 {
        width: 90%;
    }
    .about31 {
        padding: 5%;
    }
    .about31 h2 {
        color: #ffd618;
        font-family: 'Ubuntu', serif !important;
        font-size: 30px;
    }
    .about31 h1,
    .about11 h1,
    .about21 h1 {
        font-family: 'Ubuntu', serif !important;
        font-size: 35px;
    }
    .ourservices-r1 {
        width: 50%;
        margin-bottom: 4%;
    }
}

@media only screen and (max-width: 480px) {
    .gqfp {
        width: 95%;
        margin-right: 2%;
        float: left;
        font-family: 'Ubuntu', serif !important;
    }
    #getaquoteform {
        padding: 3%;
        left: 5%;
    }
    label {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0px 8px 27px;
        border: 3px solid #fff;
        border-radius: 100px;
        color: #fff;
        background-color: #f38e14;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: background-color .2s, box-shadow .2s;
        width: 47%;
        margin-right: 2%;
        float: left;
        font-size: 13px;
        font-family: 'Ubuntu', serif !important;
    }
    .parti1 {
        width: 80%;
    }
    .post {
        width: 100%;
        margin-bottom: 5%;
    }
    #email {
        border-top: 0px;
    }
    .fpphoto {
        width: 100%;
    }
    .aboutfp1m {
        width: 100%;
    }
    .aboutfp1m .st {
        display: none;
    }
    .aboutfp1m .st1 {
        visibility: visible !important;
        border-top: 1px solid #3e3e3e;
    }
    .aboutfp1,
    .aboutfp2 {
        width: 100%;
        float: left;
        margin-bottom: 5%;
    }
    .fpspace {
        width: 0%;
        float: left;
    }
    .fp1,
    .fp2 {
        float: left;
        width: 100%;
        color: #000000;
    }
    .showreelpagesideleft ul {
        margin-left: 0px;
        padding: 0px;
        text-align: left;
    }
    .showreelpagesideleft ul li {
        list-style: none;
        display: inline-block;
        border-bottom: 1px solid #000000;
        padding: 7px 0px;
        width: 40%;
    }
    .brandingpagesideleft {
        background-color: #ffffff;
        z-index: 9;
    }
    .brandingpagesideleft ul {
        margin-left: 0px;
        padding: 0px;
        text-align: center;
    }
    .brandingpagesideleft ul li {
        list-style: none;
        display: inline-block;
        border-bottom: 1px solid #000000;
        padding: 7px 0px;
        width: 30%;
    }
    .desktopservices {
        display: none;
    }
    .mobservices {
        display: block;
    }
    .services1 .left,
    .services1 .right,
    .services2 .left,
    .services2 .right,
    .services3 .left,
    .services3 .right,
    .services4 .left,
    .services4 .right,
    .services5 .left,
    .services5 .right,
    .services6 .left,
    .services6 .right,
    .services7 .left,
    .services7 .right,
    .services8 .left,
    .services8 .right,
    .services9 .left,
    .services9 .right {
        width: 100%;
        clear: both;
    }
    .services1 .left,
    .services2 .left,
    .services3 .left,
    .services4 .left,
    .services5 .left,
    .services6 .left,
    .services7 .left,
    .services8 .left,
    .services9 .left {
        padding: 0% 3%;
        overflow-y: scroll;
    }
    .cimagea {
        margin-bottom: 5%;
    }
    .parti1cawards {
        width: 100%;
    }
    .blanksawards {
        width: 0%;
        float: left;
    }
    .parti1blogmob {
        display: block;
    }
    .parti1blog {
        display: none;
    }
    .clientelebtn {
        margin-top: 3%;
        text-align: left;
    }
    .cimage {
        width: 50%;
    }
    .c-image {
        width: 50% !important;
    }
    .parti {
        color: #000000;
        margin-bottom: 5%;
    }
    .partii1 p {
        font-size: 14px;
    }
    .partii1 h3 {
        margin-bottom: 10%;
    }
    .partii1 h1 {
        margin-bottom: 10%;
        font-size: 24px !important;
    }
    .blankss,
    .partiis {
        display: none;
    }
    .partii1 {
        width: 100%;
        padding: 15%;
        height: auto !important;
    }
    .partii2 {
        width: 100%;
    }
    #nav-icon3 span {
        height: 3px;
    }
    .cr {
     
        clear: both !important;
    }
    .km {
        display: none;
    }
    .km1 {
        width: 100%;
        text-align: center;
    }
    .partners {
        padding-top: 10%;
    }
    .footerinside h4 {
        text-align: center;
    }
    .footerinside img {
        margin: auto;
        float: none;
    }
    .socialicons {
        float: none;
    }
    .footerdesk {
        display: none;
    }
    .getintouch-l {
        padding: 0px;
    }
    .getintouch-r {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .getintouch-l h4 {
        font-size: 22px !important;
    }
    .casestudy-l {
        margin-top: 10%;
    }
    .deskbtn {
        display: none !important;
    }
    .mobbtn {
        display: block;
    }
    .ourmenu {
        list-style: none;
        width: 95%;
        margin: 0 auto;
        position: fixed;
        padding-left: 0px;
        margin-top: 15% !important;
    }
    .ourmenu li {
        list-style: none;
        display: block;
        font-family: 'Ubuntu', serif !important;
        font-size: 20px;
        letter-spacing: 1px;
        padding: 2px;
        text-align: center;
    }
    #nav-icon1,
    #nav-icon2,
    #nav-icon3,
    #nav-icon4 {
        width: 50px !important;
        height: 28px !important;
    }
    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 12px !important;
    }
    #nav-icon3 span:nth-child(4) {
        top: 25px !important;
    }
    .headlogo1 img {
        max-width: 50%;
    }
    .sn {
        text-align: left;
    }
    .footerinside {
        width: 100%;
    }
    .getintouch-l {
        width: 100%;
    }
    .getintouch-r {
        width: 100%;
    }
    .ourprojectsd {
        display: none;
    }
    .ourprojectsm {
        display: block;
    }
    .about31 {
        padding-top: 0px;
        margin-top: auto;
    }
    .aboutmain {
        background-image: url(../images/about-backgroundmob.jpg) !important;
        background-origin: border-box;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        position: relative;
    }
    .about11 {
        padding: 20% 0px;
    }
    .about11,
    .about21,
    .about31 {
        width: 100%;
    }
    .about31 {
        padding: 5%;
    }
    .about31 h2 {
        color: #ffd618;
        font-family: 'Ubuntu', serif !important;
        font-size: 25px;
    }
    .about31 h1,
    .about11 h1,
    .about21 h1 {
        font-family: 'Ubuntu', serif !important;
        font-size: 30px;
    }
    .ourservices-r1 {
        width: 50%;
        margin-bottom: 4%;
        padding: 0px;
        padding-right: 3%;
    }
    .ourservicesr {
        padding: 0px;
    }
}

@media only screen and (max-width: 380px) {
    label {
        display: block;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0px 8px 27px;
        border: 3px solid #fff;
        border-radius: 100px;
        color: #fff;
        background-color: #f38e14;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: background-color .2s, box-shadow .2s;
        width: 96%;
        margin-right: 2%;
        float: left;
        font-size: 13px;
        font-family: 'Ubuntu', serif !important;
    }
    #getaquoteform {
        padding: 3%;
        left: 5%;
    }
}

@media only screen and (max-width: 320px) {
    #getaquoteform {
        padding: 3%;
        left: 5%;
    }
    .parti1 {
        width: 80%;
    }
    .fpphoto {
        width: 100%;
    }
    .aboutfp1m {
        width: 100%;
    }
    .aboutfp1m .st {
        display: none;
    }
    .aboutfp1m .st1 {
        visibility: visible;
        border-top: 1px solid #3e3e3e;
    }
    .brandingpagesideleft ul li {
        list-style: none;
        display: inline-block;
        border-bottom: 1px solid #000000;
        padding: 7px 0px;
        width: 30%;
    }
    .desktopservices {
        display: none;
    }
    .mobservices {
        display: block;
    }
    .parti1cawards {
        width: 100%;
    }
    .blanksawards {
        width: 0%;
        float: left;
    }
    .parti1blogmob {
        display: block;
        width: 100%;
    }
    .parti1blog {
        display: none;
    }
    .blanksblog {
        width: 0px;
    }
    .blogsideimg {
        padding: 0px;
    }
    .parti1blog {
        width: 100%;
    }
    .clientelebtn {
        margin-top: 3%;
        text-align: left;
    }
    .allclient,
    .allreclient {
        font-size: 15px;
        border-right: 1px solid black;
        padding-right: 2%;
        padding-left: 2%
    }
    .alloclient {
        font-size: 15px;
        padding-left: 2%;
        padding-right: 1%;
    }
    .cimage {
        width: 50%;
    }
    .c-image {
        width: 50% !important;
    }
    .cimagea {
        width: 100%;
        margin-bottom: 5%;
    }
    .about1 {
        height: 60vH;
    }
    .about2 {
        height: 50vH;
    }
    .about3 {
        height: 60vH;
    }
    .about4 {
        display: none;
    }
    .cr {
        color: #ffffff;
    }
    .km {
        display: none;
    }
    .km1 {
        width: 100%;
        text-align: center;
    }
    .footerinside h4 {
        text-align: center;
    }
    .footerinside img {
        margin: auto !important;
        float: none;
    }
    .socialicons {
        float: none;
    }
    .getintouch-l {
        padding: 0px;
    }
    .casestudy-l {
        margin-top: 10%;
    }
    .deskbtn {
        display: none !important;
    }
    .mobbtn {
        display: block;
    }
    .ourmenu {
        list-style: none;
        width: 95%;
        margin: 0 auto;
        position: fixed;
        padding-left: 0px;
    }
    .ourmenu li {
        list-style: none;
        display: block;
        font-family: 'Ubuntu', serif !important;
        font-size: 20px;
        letter-spacing: 1px;
        padding: 2px;
        text-align: center;
    }
    #nav-icon1,
    #nav-icon2,
    #nav-icon3,
    #nav-icon4 {
        width: 35px !important;
        height: 24px !important;
    }
    #nav-icon3 span {
        height: 3px;
    }
    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 12px !important;
    }
    #nav-icon3 span:nth-child(4) {
        top: 25px !important;
    }
    .headlogo1 img {
        max-width: 80%;
    }
    .footerinside {
        width: 100%;
    }
    .getintouch-l {
        width: 100%;
    }
    .getintouch-r {
        width: 100%;
    }
    .ourprojectsd {
        display: none;
    }
    .ourprojectsm {
        display: block;
    }
    .aboutmain {
        background-image: url(../images/about-backgroundmob.jpg) !important;
        background-origin: border-box;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        position: relative;
    }
    .about11 {
        padding: 20% 0px;
    }
    .about11,
    .about21,
    .about31 {
        width: 100%;
    }
    .about31 {
        padding: 5%;
    }
    .about31 h2 {
        color: #ffd618;
        font-family: 'Ubuntu', serif !important;
        font-size: 25px;
    }
    .about31 h1,
    .about11 h1,
    .about21 h1 {
        font-family: 'Ubuntu', serif !important;
        font-size: 30px;
    }
    /* .ourservices-r1{width:100%; margin-bottom: 4%;}	 */
    .about31 {
        padding-top: 0px;
        margin-top: auto;
    }
}


/* testimonial slider */

.testimonial {
    border-left: 4px solid #f79500;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
    padding: 2%;
    margin: 0 15px 30px 15px;
    overflow: hidden;
    position: relative;
    width: 100%;
    float: left;
}

.testimonial:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 25px solid #00a6e5;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(-45deg);
    transform-origin: 80% -30% 0;
}

.testimonial .pic {
    display: block;
    width: 15%;
    float: left;
    position: relative;
    margin-right: 4%;
}

.tdetailinfo {
    width: 81%;
    position: relative;
    float: left;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    font-size: 15px;
    color: #161614;
    line-height: 25px;
    margin-bottom: 15px;
}

.testimonial .title {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: #00a6e5;
    margin: 0;
}

.testimonial .post {
    display: inline-block;
    font-size: 17px;
    color: #f58600;
}

.owl-theme .owl-controls .owl-page span {
    border: 2px solid #d45113;
    background: #fff;
    opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background: #d45113;
}

.mobespacenew {
    display: none;
}


/* Package details */

#spackage {
    display: none;
}

.currencydivide {
    padding-left: 0%;
}

.currencydivide li {
    display: inline-block;
    width: 50%;
    float: left;
    font-size: 14px !important;
    text-align: center !important;
    height: 100%;
    border-right: 1px solid #b1abab;
}

.packageform {
    clear: both;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5%;
}

#packagedetails {
    clear: both;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 5%;
}

.pinfoone:hover,
.pinfotwo:hover,
.pinfothree:hover {
    background-color: rgb(238, 244, 251);
}

.pservices {
    width: 18%;
    float: left;
    margin-right: 1%;
    font-family: 'Anton', sans-serif;
}

.packageinfo {
    width: 25%;
    float: left;
    margin-right: 1%;
}

.pservicesul {
    list-style: none;
}

.servicesnamespace {
    height: 50px;
    display: block;
    border-bottom: 1px solid #2e2e2e;
    text-align: center;
    font-family: 'Ubuntu', serif !important;
    font-size: 20px;
    letter-spacing: 2px;
    color: #ffffff;
    border: 1px solid #2e2e2e;
    background-color: #fbb157;
    padding-top: 3.5%;
}

.servicesname {
    height: 400px;
    border: 1px solid #2e2e2e;
    text-align: center;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    color: #ffffff;
    border-top: 0px;
    padding-top: 25%;
    background-color: #fbb157;
}

.packinfolabel {
    display: block;
    position: relative;
    cursor: pointer;
    height: 50px;
    margin-bottom: 0%;
    background-color: #00a6e5;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    padding-top: 3.5%;
}

#package_one,
#package_two,
#package_third {
    display: block;
    position: relative;
    cursor: pointer;
    height: auto;
    margin-bottom: 0%;
    background-color: #00a6e5;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    padding: 2%;
    border-radius: 50px;
    border: none !important;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 80%;
    margin: 2% auto;
}

#package_one:hover,
#package_two:hover,
#package_third:hover {
    background-color: #fbb157;
}

.pdetailsulone {
    border-top: 0px !important;
}

.packagedetailsm {
    clear: both;
    display: block;
    margin-bottom: 0%;
}

.pdetailsul {
    border: 1px solid #2e2e2e;
    margin-bottom: 0%;
    border-top: 0px;
}

.pdetailsuloone {
    height: 130px;
    font-family: 'Ubuntu', serif !important;
}

.pdetailsultwo {
    height: 170px;
    font-family: 'Ubuntu', serif !important;
}

.pdetailsulthree {
    height: 400px;
}

.pdetailsultwoo {
    height: 260px;
    font-family: 'Ubuntu', serif !important;
}

.pdetailsulauto {
    height: 80px;
    list-style: none;
    font-family: 'Ubuntu', serif !important;
}

.pdetailsulauto li {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    padding: 2%;
}

.pdetailsul li {
    font-size: 13px;
}

#spone,
#sptwo,
#spthree {
    width: 30%;
    float: left;
    margin-right: 2%;
    text-align: center;
    border: 1px solid #00a6e5;
    background-color: #fbb157;
    padding: 1%;
    font-size: 15px;
    cursor: pointer;
    display: none;
}

.captcha_value1 {
    margin-top: 7px;
    margin-bottom: 7px;
}

#message_anything {
    height: 34px !important;
}

.captcha_value3 {
    width: 20% !important;
}

.captcha_text_gaq {
    width: 74% !important;
    float: left;
}

#btnrefresh3 {
    float: left;
}

.captcha_value {
    border: none;
    float: left;
    padding-left: 3%;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 50%;
    font-weight: 700;
    text-align: center;
}

.captcha_value3 {
    border: none;
    float: left;
    padding-left: 3%;
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 50%;
    font-weight: 700;
    text-align: center;
}

.refresh_form_btn {
    margin-left: 15px;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding-top: 15px;
}

.captcha_text input::-webkit-placeholder {
    font-weight: 600;
}

.captcha_text input::placeholder {
    font-weight: 600;
}

.captcha_text input::-moz-placeholder {
    font-weight: 600;
}

.captcha_text input:-ms-input-placeholder {
    font-weight: 600;
}

.captcha_text input:-moz-placeholder {
    font-weight: 600;
}

.captcha_code input:disabled {
    color: black;
}

.captcha_code input::placeholder {
    color: black;
}

.captcha_code input::-moz-placeholder {
    color: black;
}

.captcha_code input::-ms-placeholder {
    color: black;
}

.captcha_code input::-moz-placeholder {
    color: black;
}

.refresh_img_gaq {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 4%;
}

@media only screen and (max-width: 1200px) {
    .tdetailinfo {
        width: 81%;
        position: relative;
        float: left
    }
    .testimonial {
        padding: 20px;
        text-align: left;
    }
    .testimonial .title {
        font-size: 16px;
    }
    .testimonial .pic {
        display: block;
        position: relative;
        margin: 0 auto 15px;
        width: 50%;
    }
    #spackage {
        display: block;
        width: 90%;
        clear: both;
        margin: 3% auto;
    }
    .pinfoone {
        display: block;
    }
    .pinfotwo,
    .pinfothree {
        display: none;
    }
    #packagedetails {
        width: 80%;
    }
    .packageinfo {
        width: 60%;
    }
    .pservices {
        width: 30%;
    }
    #spone {
        width: 30%;
        background-color: #fbb157;
        color: #ffffff;
        padding: 1%;
        font-size: 15px;
        display: block;
    }
    #sptwo,
    #spthree {
        width: 30%;
        background-color: transparent;
        padding: 1%;
        font-size: 15px;
        display: block;
    }
    #spone:hover {
        background-color: #fbb157;
        color: #ffffff;
    }
    #sptwo:hover {
        background-color: #fbb157;
        color: #ffffff;
    }
    #spthree:hover {
        background-color: #fbb157;
        color: #ffffff;
    }
    .packinfolabel {
        padding-top: 5%;
    }
}

@media only screen and (max-width: 900px) {
    .fspace input,
    .fspace textarea {
        width: 94% !important;
        margin: 0 auto !important;
        background: transparent;
        border-radius: 0px;
        border: 1px solid #ffffff !important;
        color: #ffffff;
        margin-bottom: 7px !important;
    }
}

@media only screen and (max-width: 767px) {
    .fspace input,
    .fspace textarea {
        width: 100% !important;
        margin: 0 auto !important;
        background: transparent;
        border-radius: 0px;
        border: 1px solid #ffffff !important;
        color: #ffffff;
        margin-bottom: 7px !important;
    }
    .rtgsinfo p {
        width: 95% !important;
        float: none !important;
        margin: 0 auto !important;
        text-align: center !important;
        margin-bottom: 2% !important;
        line-height: 2;
    }
    .footer img {
        padding-bottom: 5px;
    }
    .tdetailinfo {
        width: 81%;
        position: relative;
        float: left
    }
    .testimonial {
        padding: 20px;
        text-align: left;
    }
    .testimonial .title {
        font-size: 16px;
    }
    .testimonial .pic {
        display: block;
        position: relative;
        margin: 0 auto 15px;
        width: 50%;
    }
    #spackage {
        display: block;
        width: 90%;
        clear: both;
        margin: 3% auto;
    }
    .pinfoone {
        display: block;
    }
    .pinfotwo,
    .pinfothree {
        display: none;
    }
    #packagedetails {
        width: 95%;
    }
    .packageinfo {
        width: 60%;
    }
    .pservices {
        width: 30%;
    }
    #spone {
        width: 30%;
        background-color: #fbb157;
        color: #ffffff;
        padding: 1%;
        font-size: 15px;
    }
    #sptwo,
    #spthree {
        width: 30%;
        background-color: transparent;
        padding: 1%;
        font-size: 15px;
    }
    #spone:hover {
        background-color: #fbb157;
        color: #ffffff;
    }
    #sptwo:hover {
        background-color: #fbb157;
        color: #ffffff;
    }
    #spthree:hover {
        background-color: #fbb157;
        color: #ffffff;
    }
    .pdetailsultwoo {
        height: 390px;
    }
    .pdetailsulthree {
        height: 420px;
    }
    .captcha_value1 {
        width: 75% !important;
        margin: 0 auto !important;
        margin-bottom: 7px !important;
    }
}

@media only screen and (max-width: 640px) {
    .povideos {
        width: 95% !important;
        margin: 10px auto !important;
    }
    #spone,
    #sptwo,
    #spthree {
        width: 90%;
        clear: both;
        margin: 1% auto;
    }
    .servicesnamespace {
        font-size: 17px;
    }
    .servicesname {
        font-size: 17px;
    }
    .pdetailsul li {
        font-size: 14px;
    }
    .packinfolabel {
        font-size: 15px;
    }
}

@media only screen and (max-width: 540px) {
    .captcha_value3 {
        width: 70% !important;
        margin-bottom: 7px;
    }
    .refresh_img_gaq {
        float: left;
        margin-left: 3%;
        margin-right: 3%;
        width: 10%;
    }
    .captcha_text_gaq {
        width: 100% !important;
        float: left;
    }
}

@media only screen and (max-width: 480px) {
    #packagedetails {
        width: 95%;
    }
    .packageinfo {
        width: 60%;
    }
    .pservicesul {
        padding-left: 0%;
    }
    #spone,
    #sptwo,
    #spthree {
        width: 90%;
        clear: both;
        margin: 1% auto;
    }
    .servicesnamespace {
        font-size: 17px;
    }
    .servicesname {
        font-size: 17px;
    }
    .pdetailsul {
        padding-left: 5%;
    }
    .pdetailsul li {
        font-size: 13px !important;
    }
    .pdetailsulone,
    .pdetailsultwo,
    .pdetailsultwoo,
    .pdetailsultwo,
    .pdetailsuloone,
    .pdetailsuloone {
        padding-left: 10% !important;
    }
    .packinfolabel {
        font-size: 15px;
    }
    .parti1 h2 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 380px) {
    #packagedetails {
        width: 95%;
    }
    .packageinfo {
        width: 60%;
    }
    .pservicesul {
        padding-left: 0%;
    }
    #spone,
    #sptwo,
    #spthree {
        width: 90%;
        clear: both;
        margin: 1% auto;
    }
    .servicesnamespace {
        font-size: 17px;
    }
    .servicesname {
        font-size: 17px;
    }
    .pdetailsul {
        padding-left: 0%;
    }
    .pdetailsulone,
    .pdetailsultwo,
    .pdetailsultwoo,
    .pdetailsultwo,
    .pdetailsuloone,
    .pdetailsuloone {
        padding-left: 10% !important;
    }
    .pdetailsul li {
        font-size: 13px !important
    }
    .packinfolabel {
        font-size: 15px;
    }
}

@media only screen and (max-width: 320px) {
    .pdetailsulone,
    .pdetailsultwo,
    .pdetailsultwoo,
    .pdetailsultwo,
    .pdetailsuloone,
    .pdetailsuloone {
        padding-left: 10% !important;
    }
    #packagedetails {
        width: 95%;
    }
    .packageinfo {
        width: 60%;
    }
    .pservicesul {
        padding-left: 0%;
    }
    #spone,
    #sptwo,
    #spthree {
        width: 90%;
        clear: both;
        margin: 1% auto;
    }
    .servicesnamespace {
        font-size: 17px;
    }
    .servicesname {
        font-size: 17px;
    }
    .pdetailsul {
        padding-left: 0%;
    }
    .pdetailsul li {
        font-size: 13px !important;
    }
    .packinfolabel {
        font-size: 15px;
    }
}