/*
Raj kUmar Baghel
*/
html {
       -webkit-text-size-adjust: none;
}

.video embed,
.video object,
.video iframe {
       width: 100%;
       height: auto;
}

img {
    max-width: 100%;
    height: auto;
      width: auto\9; /* ie8 */
}

/*------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
    .carousel3 img {
        width: 214px !important;
        height: 129px !important;
        -moz-width: 214px !important;
        -moz-height: 129px !important;
        -webkit-width: 214px !important;
        -webkit-height: 129px !important;
    }

    .bordershop {
        width: 200px !important;
        height: 200px !important;
        -moz-width: 200px !important;
        -moz-height: 200px !important;
        -webkit-width: 200px !important;
        -webkit-height: 200px !important;
    }

    .bordershop1 {
        width: 220px !important;
        margin: 0px 20px;
        -moz-width: 220px !important;
        -moz-margin: 0px 20px;
        -webkit-width: 220px !important;
        -webkit-margin: 0px 20px;
    }
}

@media only screen and (max-width: 350px) {
    .carousel3 img {
        height: 60px;
        width: 100px;
    }
}

@media (min-width: 330px) and (max-width:348px) {
    .carousel3 img {
        height: 83px;
        width: 136px;
    }
}

@media (min-width: 300px) and (max-width:329px) {
    .carousel3 img {
        height: 73px;
        width: 120px;
    }
}


@media (min-width: 700px) and (max-width: 766px) {
    .carousel3 img {
        width: 228px !important;
        height: 136px !important;
        -moz-width: 228px !important;
        -moz-height: 136px !important;
        -webkit-width: 228px !important;
        -webkit-height: 136px !important;
    }
}

@media (min-width: 640px) and (max-width:699px) {
    .carousel3 img {
        width: 190px !important;
        height: 116px !important;
        -moz-width: 190px !important;
        -moz-height: 116px !important;
        -webkit-width: 190px !important;
        -webkit-height: 116px !important;
    }
}

/*@media (min-width: 620px) and (max-width: 700px) {
    .carousel3 img {
        width: 184px !important;
        height: 111px !important;
        -moz-width: 214px !important;
        -moz-height: 129px !important;
         -webkit-width: 214px !important;
          -webkit-height: 129px !important;
    }
}
    
@media (min-width: 767px) and (max-width: 991px) {
    .carousel3 img {
        width: 159px !important;
        height: 97px !important;
        -moz-width: 214px !important;
        -moz-height: 129px !important;
        -webkit-width: 214px !important;
          -webkit-height: 129px !important;
    }
}
@media (min-width: 550px) and (max-width: 619px) {
    .carousel3 img {
        width: 182px !important;
        height: 87px !important;
        -moz-width: 182px  !important;
        -moz-height: 87px !important;
         -webkit-width: 182px  !important;
          -webkit-height: 87px !important;
    }
}*/

@media only screen and (max-width: 959px) {
    /*.prev {
	background: url(../images/carousel-arrows.png) 0 bottom no-repeat;
	display: block;
	position: absolute;
	left: 12px;
	top: 42px;
	width: 25px;
	z-index: 999;
	height: 35px;
}

.prev:hover {
	background-position: 0 0;
}

.next {
	background: url(../images/carousel-arrows.png) right bottom no-repeat;
	display: block;
	z-index: 999;
	position: absolute;
	right: 16px;
	top: 42px;
	width: 25px;
	height: 35px;
}*/
}


@media only screen and (max-width: 820px) {
    .no-padding {
        padding: 0;
    }

    .no-margin-top {
        margin-top: -5px;
    }
    /*.prev {
	background: url(../images/carousel-arrows.png) 0 bottom no-repeat;
	display: block;
	position: absolute;
	left: 12px;
	top: 23px;
	width: 25px;
	z-index: 999;
	height: 35px;
}

.prev:hover {
	background-position: 0 0;
}

.next {
	background: url(../images/carousel-arrows.png) right bottom no-repeat;
	display: block;
	z-index: 999;
	position: absolute;
	right: 12px;
	top: 23px;
	width: 25px;
	height: 35px;
}

.next:hover {
	background-position: right 0;
}*/
}

@media only screen and (max-width: 767px) {
    .bordershop {
        text-align: center !important;
        margin: 0px auto !important;
    }
}

@media only screen and (max-width: 700px) {
    .fimg img {
        margin-top: 5px;
    }

    .product h1 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .no-padding {
        padding: 0;
    }

    .no-margin-top {
        margin-top: -5px;
    }

    .top_ul {
        right: 0px !important;
    }


    .prev {
        background: url(../images/carousel-arrows.png) 0 bottom no-repeat;
        display: block;
        position: absolute;
        left: 0px;
        top: 65px !important;
        width: 25px;
        z-index: 999;
        height: 35px;
    }

    .fimg img {
        margin-top: 5px;
    }

    .prev:hover {
        background-position: 0 0;
    }

    .next {
        background: url(../images/carousel-arrows.png) right bottom no-repeat;
        display: block;
        z-index: 999;
        position: absolute;
        right: 0px;
        top: 65px !important;
        width: 25px;
        height: 35px;
    }

        .next:hover {
            background-position: right 0;
        }
}

@media only screen and (max-width: 420px) {
    .no-padding {
        padding: 0;
    }



    .no-margin-top {
        margin-top: -5px;
    }

    .prev {
        background: url(../images/carousel-arrows.png) 0 bottom no-repeat;
        display: block;
        position: absolute;
        left: 0px;
        top: 40px !important;
        width: 25px;
        z-index: 999;
        height: 35px;
    }

        .prev:hover {
            background-position: 0 0;
        }

    .next {
        background: url(../images/carousel-arrows.png) right bottom no-repeat;
        display: block;
        z-index: 999;
        position: absolute;
        right: 0px;
        top: 40px !important;
        width: 25px;
        height: 35px;
    }

        .next:hover {
            background-position: right 0;
        }

    .events {
        margin-top: 10px;
    }

    .content.page1 h2 {
        font-size: 16px;
    }

    .content h2 {
        font-size: 16px;
    }

    .top_ul {
        display: none !important;
    }

    .prev2 {
        top: 27px !important;
    }

    .next2 {
        top: 27px !important;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio {
        height: 250px !important;
        width: 250px !important;
        text-align: center !important;
        margin: -20px auto !important;
        -webkit-height: 250px !important;
        -webkit-width: 250px !important;
        -webkit-text-align: center !important;
        -moz-margin: -20px auto !important;
        -moz-height: 250px !important;
        -moz-width: 250px !important;
        -moz-text-align: center !important;
        -moz-margin: -20px auto !important;
    }

    .bordershop, .bordershop1 {
        text-align: center !important;
        margin: 0px auto !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bordershop {
        text-align: center;
        margin: 15px auto !important;
        height: 150px !important;
        width: 150px !important;
        text-align: center !important;
        -webkit-height: 150px !important;
        -webkit-width: 150px !important;
        -webkit-text-align: center !important;
        -moz-height: 150px !important;
        -moz-width: 150px !important;
        -moz-text-align: center !important;
    }

    .carousel3 img {
        width: 159px;
        -moz-height: 97px;
        -moz-width: 159px;
        -webkit-height: 97px;
        width: 159px;
        -webkit-height: 97px;
    }
}
